Float: Hintergrund wird nicht wiederholt

konsumi · #1 (**permalink**) 21.02.2006, 11:35

Hi,
ich habe auf folgender Seite ein Problem, welches nur im IE auftritt (im firefox alles einwandfrei):
http://flashtuts.de/nettuts/tutorials-network.html
Hier wird content mit einem Hintergrund definiert:

Code:

.content {
	padding-left: 14px; 
	padding-right: 16px;	
	background-image: url(bilder/contentmitte.jpg);
}

dann kommt ein <h1>

Code:

h1 {
	font-size: 12px;
	color: #074a60;
	font-weight: bold;
	padding-bottom: 16px;
	margin-bottom:0px;
	margin-top:0px;
}

und dann soll eigentlich Text kommen, neben dem nachher noch ein Bild erscheinen soll.

Code:

<p style="width: 350px; float: left;">Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdfTralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf
		Tralalal a kjdfh dslfksdf dsfdsfdsf dfdf fdsdf</p>
		

<br style="clear: left;" />

Wie auf der Siete zu sehen wird der Hintergrund der content class nicht wiederholt, woran liegt das? Habe schon herausgefunden, dass es am float:left bezw. am clear liegt, aber ich weiß nicht wie es richtig sein muss?!?

konsumi · #2 (**permalink**) 21.02.2006, 12:16

Habe nur am Ende:
<div class="clearer"></div>
eingabaut:
.clearer
{
height:1px;
clear:left;
line-height:1px;
}
jedoch ist nun irgendwie meine <h1> verschwunden bzw. überdeckt, wie kann das denn sein?!? Wenn man markiert erscheint diese

fricca · #3 (**permalink**) 21.02.2006, 12:22

Gib mal dem .content "Layout", z.B. height:1% (nur für IE, per Hack oder Cond. Comment).

Mehr zu diesem IE-Spezial-Thema:
On Having Layout

Grüße
fricca

konsumi · #4 (**permalink**) 21.02.2006, 12:28

WoW es hat funktioniert, kannst du mir evtl in kurzform erklären warum 1% auf den content bereich?

fricca · #5 (**permalink**) 21.02.2006, 12:30

Zitat:

Zitat von konsumi

in kurzform erklären

Das geht nicht kurz. Die beste Erklärung dazu habe ich bereits verlinkt.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Verschiebungen bei größerem Bildschirm	seelefant	CSS	4	28.07.2014 16:43
CSS von Plugin beisst!	expand	CSS	0	28.09.2012 18:44
joomla template	wrock	CSS	2	06.04.2012 20:24
CSS - CMS - lange Menus Balken/BG oben?	shinobi	CSS	3	13.10.2011 22:12
Div Orientierung	Leonidus	CSS	22	30.05.2007 18:05