Abstände zwischen DIVs in Firefox zu groß

hurga_gonzales

Captain
Registriert
Aug. 2004
Beiträge
3.236
Hallo,

ich habe eine Seite, die von einem Div umgeben ist. Innerhalb dieses Divs gibt es eine Menge anderer DIVs, die übereinander angeordnet sind. Wenn ein DIV mehrere weitere DIVs oder Absätze enthält, dann öffnet ich dazu ein DIV als "display: block" und setze darin meine weiteren DIVs mit Floats.

Komischerweise macht der Firefox zwischen zwei DIVs einen Abstand von ca. 5 Zentimetern, während der IE die Inhalte aneinander hängt. Mir ist schon klar, dass es vermutlich der IE falsch anzeigt. Nichtsdestotrotz zeigt er es für das Auge richtig an.

Ist es normal, dass der Firefox zwischen DIVs einen größeren Abstand macht?

Danke Euch
Hurga
 
hast du etwas, das wir uns anschaun können ?
 
Hab hier Code Schnipsel - denn der Code im Ganzen wäre wohl zuviel:

HTML:
<div class="mainwidth">
	<div style="width: 100%; margin-top: 0px; margin-bottom: 0px;">
		<div style="float: left;"><img src="../includes/skins/firmendir/logo.jpg" alt="LogoText" width="162" height="70" border="0">
			<p style="margin-top: 10px;"><cfloop query="n">
				<span style="width: 80px;" class="light"><a href="/fuseaction/32,dsp,0,1,0,3343,0,0" class="navactivelight" title="Titel - AccessKey">LinkName</a></span><img src="/content/images/vignettes/middot.gif" alt="" border="0" align="bottom" style="margin-left: 15px; margin-right: 10px;">
				<span style="width: 80px;" class="light"><a href="/fuseaction/32,dsp,0,1,0,3343,0,0" class="navactivelight" title="Titel - AccessKey">LinkName2</a></span><img src="/content/images/vignettes/middot.gif" alt="" border="0" align="bottom" style="margin-left: 15px; margin-right: 10px;">
				<span style="width: 80px;" class="light"><a href="/fuseaction/32,dsp,0,1,0,3343,0,0" class="navactivelight" title="Titel - AccessKey">LinkName3</a></span>
			</p>
		</div>
		<div style="float: right; vertical-align: top; margin-top: 0px; margin-bottom: 0px;"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab##version=6,0,0,0"
 WIDTH="324" HEIGHT="275" id="teaser" ALIGN="top"><PARAM NAME=movie VALUE="/flash/teaser.swf"><PARAM NAME=loop VALUE=false><PARAM NAME=quality VALUE=high><PARAM NAME=scale VALUE=noscale><PARAM NAME=salign VALUE=LT><PARAM NAME=bgcolor VALUE=##FFFFFF><EMBED src="/flash/teaser.swf" loop=false quality=high scale=noscale salign=LT bgcolor=##FFFFFF WIDTH="324" HEIGHT="324" NAME="teaser" ALIGN="top"
 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT>
 		</div>
		<div style="width: 192px; height: 136px; background: url(../../../images/vignettes/webweit.jpg); padding: 35px 0px 0px 10px;  float: left; margin-top: 10px; background-repeat: no-repeat;"><a href="/fuseaction/10,dsp,0,0,0,0,0,0" class="navactivedark" title="LinkTitel">LinkText1</a><br><a href="/fuseaction/13,dsp,0,0,0,0,0,0" class="navactivedark">LinkText2</a><br><a href="/fuseaction/12,dsp,0,0,0,0,0,0" class="navactivedark">LinkText3</a><br><a href="/fuseaction/11,dsp,0,0,0,0,0,0" class="navactivedark">LinkText4</a></div>
	<div style="width: 192px; height: 136px; background: url(../../../images/vignettes/design.jpg); padding: 35px 0px 0px 10px;  float: left; margin-top: 10px; background-repeat: no-repeat;"><a href="/fuseaction/14,dsp,0,0,0,0,0,0" class="navactivedark">LinkText5</a><br><a href="/fuseaction/15,dsp,0,0,0,0,0,0" class="navactivedark">LinkText6</a><br><a href="/fuseaction/16,dsp,0,0,0,0,0,0" class="navactivedark">LinkText7</a><br><a href="/fuseaction/17,dsp,0,0,0,0,0,0" class="navactivedark">LinkText8</a><br><a href="/fuseaction/18,dsp,0,0,0,0,0,0" class="navactivedark">LinKText9</a></div>
	<div style="width: 192px; height: 136px; background: url(../../../images/vignettes/einfachit.jpg); padding: 35px 0px 0px 10px;  float: left; margin-top: 10px; background-repeat: no-repeat;"><a href="/fuseaction/19,dsp,0,0,0,0,0,0" class="navactivedark">LinkText10</a><br><a href="/fuseaction/20,dsp,0,0,0,0,0,0" class="navactivedark">LinkText11</a><br><a href="/fuseaction/21,dsp,0,0,0,0,0,0" class="navactivedark">LinkText12</a><br><a href="/fuseaction/22,dsp,0,0,0,0,0,0" class="navactivedark">LinkText13</a><br><a href="/fuseaction/23,dsp,0,0,0,0,0,0" class="navactivedark">LinkText14</a></div>
	</div>
	
	<!--- START: Inhalt --->
	<div class="display: block; float: left; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; vertical-align: top;" id="content#c.cid#">
		>>>> Hier steht der Inhalt <<<<
	</div>
	<!--- ENDE: Inhalt --->
</div>
SORRY, ist wirklich nen heiden Arbeit, das alles so zurecht zu stutzen, dass es einfach lesbar wird. Ist ein Cold Fusion Script und da habe ich zum Verständnis mal alle Variablen etc. entfernt.

Eben vor dem DIV mit dem Kommentar "START: Inhalt" macht der Firefox einen ca. 2 cm hohen Absatz rein. IE zeigt es (für das Auge) richtig an.

Hoffe, da macht sich wer die Mühe und kuckt mal drüber.

Danke Euch
Hurga
 
Zuletzt bearbeitet:
Zurück
Oben