mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 11.12.2016 01:13 Benutzername: Passwort: Auto-Login

Thema: [CSS] Hintergrund bei verschachtelten DIVs vom 29.11.2004


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Hintergrund bei verschachtelten DIVs
Seite: 1, 2  Weiter
Autor Nachricht
burnout
Threadersteller

Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 36
Geschlecht: Männlich
Verfasst Mo 29.11.2004 19:20
Titel

[CSS] Hintergrund bei verschachtelten DIVs

Antworten mit Zitat Zum Seitenanfang

Hi,

hab grad irgendwie ein totales Brett vorm Kopf.

Das hier ist der Code für meinen content-Bereich:
Code:
<div id="content">
   <div class="text">
      <h1>Headline</h1>
      <h2>Subhead</h2>
      <p>
      Mein lustiger Fließtext
      </p>
   </div>
   <div class="polaroid">
      Bildunterschrift
   </div>
</div>


Hier das Stylesheet dazu:
Code:
#content {
   background-color: #FFFAF5;
   background-repeat: no-repeat;
   width: 751px;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
}

.text {
   font-family: Trebuchet MS, Verdana;
   font-size: 14px;
   padding: 15px;
   color: #2C2C2C;
   width: 500px;
   float: left;
}


In #content ist ja eine Hintergrundfarbe definiert. Die soll sich natürlich so lang nach unten ziehen, wie
der Text im div .text ist oder auch, wenn ich mehrere bilder im div .polaroid einstelle. Im IE6 klappt das auch,
nur im Firefox (1.0) nicht. Auch wenn ich bei #content height: auto; angebe oder eine Prozentzahl.

Ich komm einfach nicht drauf, woran's liegt. Ihr vielleicht?

Danke!

Chris
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
schwampf

Dabei seit: 31.03.2002
Ort: Bremen
Alter: 36
Geschlecht: Männlich
Verfasst Mo 29.11.2004 19:42
Titel

Antworten mit Zitat Zum Seitenanfang

wie ist denn .polaroid definiert?

PS: nette signatur *zwinker*
  View user's profile Private Nachricht senden
Anzeige
Anzeige
schwampf

Dabei seit: 31.03.2002
Ort: Bremen
Alter: 36
Geschlecht: Männlich
Verfasst Mo 29.11.2004 19:46
Titel

Antworten mit Zitat Zum Seitenanfang

Ich seh da grad was. Versuch mal bei .text den float rauszunehmen!
  View user's profile Private Nachricht senden
burnout
Threadersteller

Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 36
Geschlecht: Männlich
Verfasst Mo 29.11.2004 20:11
Titel

Antworten mit Zitat Zum Seitenanfang

dann hängt .polaroid unter dem text. es soll aber rechts daneben stehen.
und der hintergrund geht dann bis zum textende, aber nicht bis zum ende von .polaroid

hier die definition von .polaroid:
Code:
.polaroid {
   float: left;
   background-color: White;
   border: 1px solid #CCCCCC;
   margin-top: 50px;
   width: 190px;
   height: 160px;
   padding: 5px;
   voice-family: "\"}\"";
     voice-family:inherit;
   width: 180px;
}

html>body .polaroid {
   width: 190px;
}


voice-family steht wegen des box model hacks drin....
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Account gelöscht


Ort: -
Alter: -
Verfasst Mo 29.11.2004 22:02
Titel

Antworten mit Zitat Zum Seitenanfang

wg. was? habe ich noch nie gehört!?
 
burnout
Threadersteller

Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 36
Geschlecht: Männlich
Verfasst Di 30.11.2004 09:06
Titel

Antworten mit Zitat Zum Seitenanfang

Box Model Hack
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
beeviZ

Dabei seit: 30.09.2002
Ort: Dortmund
Alter: 23
Geschlecht: Männlich
Verfasst Di 30.11.2004 09:25
Titel

Antworten mit Zitat Zum Seitenanfang

hm, wenn ich dein problem richtig verstehe (hab heut morgen auch n brett vorm kopf *zwinker* ), dann kannste das fast vergessen. Durch das float: left; bricht der text-div aus dem Textfluss, wodurch der content-div nicht verlängert wird wenn "text" länger wird als content. was du machen könntest, du könntest am ende, bevor du "content" wieder zu machst nen leeren div hinmachen mit "clear: both;" dann KÖNNTE es funktionieren.

Probier mal. Oder lad mal ne Beispiel Datei hoch, vielleicht hab ich dann nich son Brett vorm Kopf. Bin heut morgen schwer von Verstand irgendwie *g*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
burnout
Threadersteller

Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 36
Geschlecht: Männlich
Verfasst Di 30.11.2004 09:37
Titel

Antworten mit Zitat Zum Seitenanfang

hab noch mal ein wenig gesucht, und ich denke, das hier ist so ziemlich das, was ich erreichen will:
http://www.css4you.de/wslayout1/ex0009.html

ich probier's anhand dessen mal. Lächel
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Problem mit verschachtelten DIVs im IE.
[CSS] Floating DIV und Hintergrund anderer DIVs
größe von ineinander verschachtelten divs?
css höhe 100% in verschachtelten containern
Hintergrund eines Divs mit echten Ascii-Zeichen füllen
[CSS] - divs sollen überlappen - machen se aber nicht
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.