lücke zwischen 2 divs, die hintergrundgrafiken enthalten

kofi · #1 (**permalink**) 25.11.2006, 11:24

hallo zusammen

nach mehrstündiger erfolgloser suche poste ich mein anliegen mal rein.
aus einem banner habe ich 5 slices gemacht und diese 5 grafiken nebeneinander in divs angeordnet. die 3. grafik ist nur ein pixel breit und soll gestreckt werden. die 4. und 5. grafik sind rechts gefloated. in firefox sieht das alles so aus wie es muss, aber in internet explorer habe ich vor und nach der gestreckten hintergrundsgrafik kleine weisse lücken.

wie schliesse ich die?

danke für die hilfe.
gruss kofi

unten mal der code:

html:

Code:

<div id="masthead">
  <div id="mhLeft"></div>
  <div id="mhMiddleLeft"></div>
  <div id="mhRight"></div>
  <div id="mhMiddleRight"></div>
  <div id="mhMiddleFlex"></div>
</div>

css:

Code:

#masthead{
	width: 100%;
}

#mhLeft{
	float: left;
	width: 200px;
	height: 144px;
	background: url(images/tsvud_v2_01.png) top left no-repeat;
}

#mhMiddleLeft{
    float: left;
	width: 72px;
	height: 144px;
	background: url(images/tsvud_v2_02.png) top left no-repeat;
}

#mhMiddleFlex{
	height: 144px;
	background: url(images/tsvud_v2_03.png) top left repeat;
}

#mhMiddleRight{
    float: right;
	width: 327px;
	height: 144px;
	background: url(images/tsvud_v2_04.png) top left no-repeat;
}

#mhRight{
    float: right;
	width: 200px;
	height: 144px;
	background: url(images/tsvud_v2_05.png) top left no-repeat;
}

kofi · #2 (**permalink**) 25.11.2006, 11:39

ok, thema erledigt.
hätte ich nie gedacht, aber es war doch der 3 pixel bug.

Code:

* html #mhMiddleLeft {
        /* \*/
        margin-right:   -3px;
        /* */
}

* html #mhMiddleRight {
        /* \*/
        margin-left:    -3px;
        /* */
}

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
Abstand zwischen zwei Divs IE6	Fireball22	CSS	2	01.11.2009 19:52
Abstand zwischen DIVs im IE6	AhuraMasda	(X)HTML	1	30.09.2007 16:24
Unerklärliche Lücke zwischen zwei divs	mpix	CSS	2	21.08.2007 14:22
Zwei DIVs nebeneinander -> Lücke zwischen den "floats"	guwapo	CSS	2	02.04.2007 18:03
Lücke zwischen divs im Header	MoRpH2k2	CSS	7	09.08.2006 15:32