float + ie

Hej!

Jag får inte float att fungera som jag vill i IE. I Firefox blir resultatet som jag vill. Nån som kan hjälpa mig? Här är CSS filen:

/* CSS Document */
*{padding: 0px; margin: 0px;}
body {
	background-color: #000000;
}
#main_container{
	margin-left: auto; margin-right: auto;
	width: 778px;
	background-color:#000000;
	}
#thumb{
	margin-right: 5px; margin-top: 5px;
	float: left;
	}
#thumb_br{
	clear: both;
	}
#photo{
	margin-left: auto; margin-right: auto;
	width: 519px;
	}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

och här är url:en http://www.maxmoden.com/test/visa.asp?kategori=advertising

Martin

[red]<div><img src="photos/thumbs/small_tjej1.jpg"><img src="photos/thumbs/small_tjej2.jpg"><img src="photos/thumbs/small_tjej3.jpg"></div> 
<div><img src="photos/thumbs/small_annantjej1.jpg"><img src="photos/thumbs/small_annantjej2.jpg"></div>
<div><img src="photos/thumbs/small_barn.jpg"></div> 
<div><img src="photos/thumbs/small_tjej4.jpg"><img src="photos/thumbs/small_tjej5.jpg"><img src="photos/thumbs/small_tjej6.jpg"><img src="photos/thumbs/small_tjej7.jpg"></div>
[/red]

och

[red]
* {margin: 0; padding: 0;}
div img
{
     float: left;
     margin-right: 5px;
}
div
{
     margin: 15px 0px;
}
[/red]

Något sådant skulle räcka tror jag :bire

mv icaaq

Tack! Men hur gör jag för att inte denna ASP kod ska byta rad?

		<% Do while Not rs.EOF
If cStr(rs("Subkategori")) <> cStr(subkategori) then
        subkategori = rs("Subkategori")
        Response.write "<div id=""thumb_br"">_</div> "
    End if%>
		<div id="thumb"><img src="<% =rs("sokvag_thumb") %>"</div>
		<%rs.movenext
		Loop %>

Kanske ska flyttas till ASP forumet...

Martin

[red]
<div>
<%
subkategori = rs("Subkategori")
Do while Not rs.EOF
     If cStr(rs("Subkategori")) <> cStr(subkategori) then
          subkategori = rs("Subkategori")
          Response.write "</div> <div>"
     End if
%>
<img src="<% =rs("sokvag_thumb") %>"
<%
     rs.movenext
Loop 
%>
</div>
[/red]

Kanske detta kan stämma.....jag har ju dragit i mig några Carlsberg nu men jag tror det ska stämma :bire

mv icaaq

Blir galen!!! Får det inte att funka.... Tack för all hjälp men jag får försöka vidare senare. Nedrans explorer x(

1. Vill du använda en stil på flera ställen i ditt dokument så ska du använda dig av klasser. #thumb ska i så fall bytas ut mot .thumb och du använder klassen genom att skriva class="thumb" i stället för id="thumb". MEN.. läs nästa punkt.. ;)

2. Skulle jag vara du så skulle jag lägga bilderna i en div som såg ut så här:

<div id="thumb"> alla bilder </div>

CSS-en för diven kan i så fall se ut så här:

#div { float: left; width: 500px; }
#div img { margin-right: 5px; margin-top: 5px; }

3. Har du en bild ska du använda alt-attributet.

<img src="photos/thumbs/small_tjej1.jpg" alt="">

fungerar bra.

4. Använd W3C:s valideringstjänst för att upptäcka fel.

Hoppas något kan hjälpa lite.. :)

Tack! Men hur gör jag för att inte denna ASP kod ska byta rad?

Vad menar du med det?

mv icaaq