Autor |
Nachricht |
burnout
Threadersteller
Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 44
Geschlecht:
|
Verfasst Mo 29.11.2004 19:20
Titel [CSS] Hintergrund bei verschachtelten DIVs |
|
|
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
|
|
|
|
|
Benutzer 1103
Account gelöscht
Ort: -
|
Verfasst Mo 29.11.2004 19:42
Titel
|
|
|
wie ist denn .polaroid definiert?
PS: nette signatur
|
|
|
|
|
Anzeige
|
|
|
Benutzer 1103
Account gelöscht
Ort: -
|
Verfasst Mo 29.11.2004 19:46
Titel
|
|
|
Ich seh da grad was. Versuch mal bei .text den float rauszunehmen!
|
|
|
|
|
burnout
Threadersteller
Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 44
Geschlecht:
|
Verfasst Mo 29.11.2004 20:11
Titel
|
|
|
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....
|
|
|
|
|
Account gelöscht
Ort: -
Alter: -
|
Verfasst Mo 29.11.2004 22:02
Titel
|
|
|
wg. was? habe ich noch nie gehört!?
|
|
|
|
|
burnout
Threadersteller
Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 44
Geschlecht:
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 30.11.2004 09:25
Titel
|
|
|
hm, wenn ich dein problem richtig verstehe (hab heut morgen auch n brett vorm kopf ), 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*
|
|
|
|
|
burnout
Threadersteller
Dabei seit: 31.01.2002
Ort: Osnabrücker Land
Alter: 44
Geschlecht:
|
|
|
|
|
|
|
|
Ähnliche Themen |
Problem mit verschachtelten DIVs im IE.
größe von ineinander verschachtelten divs?
[CSS] Floating DIV und Hintergrund anderer DIVs
Hintergrund eines Divs mit echten Ascii-Zeichen füllen
background-color in verschachtelten div's
css höhe 100% in verschachtelten containern
|
|