float + ie

6 svar · 265 visningar · startad av morris_the_cat 29 apr. 2005

morris_the_catMedlem sedan feb. 200553 inlägg

Frågan29 apr. 2005 19:05#1

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

icaaqMedlem sedan okt. 20005 273 inlägg

29 apr. 2005 19:31#2

[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

morris_the_catMedlem sedan feb. 200553 inlägg

29 apr. 2005 19:45#3

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

icaaqMedlem sedan okt. 20005 273 inlägg

29 apr. 2005 19:55#4

[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

morris_the_catMedlem sedan feb. 200553 inlägg

29 apr. 2005 20:44#5

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(

m_soderlundMedlem sedan sep. 20026 425 inlägg

29 apr. 2005 21:07#6

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.. :)

icaaqMedlem sedan okt. 20005 273 inlägg

30 apr. 2005 05:37#7

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

Vad menar du med det?

mv icaaq