FF och IE6 visar sidan på olika sätt

HTML & CSS

4 svar · 271 visningar · startad av jme 30 apr. 2005

jmeMedlem sedan maj 20012 237 inlägg

Frågan30 apr. 2005 09:52#1

Hej!

Jag har en irriterande problem som ni kan åskåda på:

http://84.230.102.148/ver2

IE6 visar rätt medan med FF så blir det fel.

Testa själv så vet ni bäst vad jag menar.

Växla mellan länkarna "Tiimi" och "Portfolio".

Ni ser att med FF så ritas bensinautomaten lite för mycket åt vänster.

Jag inkluderar de delarna ur html- och css-filen som är väsentliga.

index.html:

tyyli.css:

body
{
	background: red;
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
}

.main
{
	position: relative;
	width: 792px;
	height: 594px;
	margin-left: auto;
	margin-right: auto;
}

#layer1
{
	float: left;
	z-index: 99;
	position: absolute;
	visibility: hidden;
	background: url('tiimi_crop.jpg');
	background-repeat: no-repeat;
	width: 456px;
	height: 594px;
	top: 20px;
	left: 444px;
}

TroxyMedlem sedan mars 20041 505 inlägg

30 apr. 2005 14:07#2

Vilken version av Firefox använder du? För mig ser hemsidan likadan ut i både Firefox 1.0.3, Opera 8 och Internet Explorer 6.

Cool design förresten.

jmeMedlem sedan maj 20012 237 inlägg

30 apr. 2005 14:17#3

Oj! Glömde att markera tråden som avslutad. Hittade själv lösningen.

Tack, fast det är inte jag som gjort layouten. Jag har bara fått i uppgift att skapa själv html-koden.

JosefMedlem sedan mars 20023 561 inlägg

30 apr. 2005 14:44#4

Precis som i vanlig ordning postar man även lösningen, även om man kom på dig själv.

jmeMedlem sedan maj 20012 237 inlägg

30 apr. 2005 15:06#5

Här är förändringarna jag har gjort:

</div>


.main #layer1
{
	float: right;
	z-index: 99;
	position: absolute;
	visibility: hidden;
	/* background: url('tiimi_crop.jpg');
	background-repeat: no-repeat;
	width: 456px;
	height: 594px; */
	top: 0;
	right: 0;
}

Dvs jag flyttade div med id layer1 inuti <div class="main">
Själva lösningen ligger nog i:

float: right;
right: 0;