webForumDet fria alternativet
Logga in / Bli medlem

CSS-strul i Netscape 6.1

HTML & CSS

1 svar · 159 visningar · startad av Skarre

Medlem sedan apr. 20012 427 inlägg
Trådstart#1

Jag loopar ut information från en databas i ett antal divar där varje div innehåller ytterligare två divar men Netscape 6.1 förstår sig inte riktigt på min (undermåliga?) CSS. Jag har lagt ramar i olika färger runt lagren för tydlighetens skull. Det är alltså CSS-klassen .pres0 som spökar.

Internet Explorer 6

Netscape 6.1

Relevant HTML:

<div id="pres0" class="pres0">
	<div id="pres1" class="pres1"><img src="grafik/tn_garden.jpg" width="50" height="50"></div>
	<div id="pres2" class="pres2"><strong><a href="present.asp?id=1">Fritidsgården</a></strong><br>
	Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt 
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation 
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div>
</div>

Relevant CSS:

.pres0 {
	width: 500px;
	margin: 10px, 0px, 10px, 0px;
	padding: 0px;
	border: 2px solid black;

}
.pres1 {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
	padding: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 2px solid red;
}
.pres2 {
	width: 430px;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 2px solid green;	
}
Medlem sedan apr. 20012 427 inlägg
#2

När jag lade till "position: relative;" på .pres0 så kom i alla fall de två mindre divarna innanför de större som de ska, men fortfarande fungerar inte "margin".

margin: 10px, 0px, 10px, 0px;

I IE så finns ett mellanrum mellan varje "pres0"-div, men inte i NS 6.

251 ms totalt · 4 externa anrop · v20260731065814-full.50d4b5bd
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)