CSS in Schleife

[Valendar]

Hallo,
ich versuche grade Daten per mysql auszugeben. Ich habe auch schon eine Anordnung der Ausgabe mit css. Nur sobald ich sie in die schleife einbaue ist alles rechts. Habe leider keine Ahnung warum. Fällt euch was ein?

<div id="alphabet-middle">
<span style=" PADDING-RIGHT: 10px; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #5d5d5d;">Such Index</span>
<div style="background-image:url(../layout/line_01.gif); background-repeat:repeat-x 0% 50%;  FLOAT: left; WIDTH: 494px; HEIGHT: 1px;"></div>
<div style="padding:10px;">
<div style="float:left; BORDER-RIGHT: #c9c9c9 1px solid; BORDER-TOP: #c9c9c9 1px solid; BACKGROUND: #ffffff; FLOAT: left; BORDER-LEFT: #c9c9c9 1px solid; BORDER-BOTTOM: #c9c9c9 1px solid"><div style="padding:3px;"><img src="layout/122x92(1).jpg" /></div></div>
<div style="float:right; width:335px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #5d5d5d;">Welt</div>
</div>

 

[Maik]

Hi,

nach jedem Datensatz muß die Floatumgebung mittels der clear-Eigenschaft aufgehoben werden, um die Ausgabe des nachfolgenden Datensatzes unterhalb des vorangegangenen fortzusetzen.

mfg Maik

 

[Valendar]

Habe ich versucht aber es klapt nicht keiner der vorherigen CSS befehle funktioniert.

<div id="alphabet-middle"> 
<span style=" PADDING-RIGHT: 10px; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 11px; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #5d5d5d;">Such Index</span> 
<div style="background-image:url(../layout/line_01.gif); background-repeat:repeat-x 0% 50%;  FLOAT: left; WIDTH: 494px; HEIGHT: 1px;"></div> 
<div style="padding:10px;"> 
<div style="float:left; BORDER-RIGHT: #c9c9c9 1px solid; BORDER-TOP: #c9c9c9 1px solid; BACKGROUND: #ffffff; FLOAT: left; BORDER-LEFT: #c9c9c9 1px solid; BORDER-BOTTOM: #c9c9c9 1px solid"><div style="padding:3px;"><img src="layout/122x92(1).jpg" /></div></div> 
<div style="float:right; width:335px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #5d5d5d;">Welt</div> 
</div>
<div style=clear:both;></div>

 

[Maik]

Kann ich zwar nicht bestätigen, will sagen, der gezeigte Code wird von allen mir zur Verfügung stehenden gängigen Browsern einwandfrei interpretiert, und die einzelnen Datensätze untereinander ausgerichtet, dennoch empfehle ich, den Attributwert innerhalb von Anführungszeichen zu notieren:

<!-- Datensatz 1 -->
<div style="clear:both;"></div>
<!-- Datensatz 2 -->
<div style="clear:both;"></div>
<!-- usw. -->

mfg Maik