Sidan ser olika ut, IE - FF. CSS - Programmering och digitalt skapande

2006-09-28 10:31

Medlem

Plats: Lund
Registrerad: Apr 2002

●

Sidan ser olika ut, IE - FF. CSS

Hejsan, det är inte särskilt ovanligt att det blir problem mellan FF och IE. Och jag har nu ett som jag inte lyckas knäcka.
http://www.anderslovsmk.se/bsfoto/index.htm

Om ni provar den i respektive läsare så kommer ni lägga märke till att rutan som kallas main är olika stor. Detta verkar bero på att firefox räknar den vita ytan som 700px, precis som jag vill och sedan lägger den till den svarta bordern på 1 px på var sida. Precis så som jag vill.

Men Explorer räknar rutan main som 700px inklusive den svarta bordern, alltså blir det för litet för bilden.

Jag har försökt komma runt det men inte lyckats, hade vart mycket tacksam för svar. Mvh Simon (klaga nu inte på ni tycker koden ser ful ut, jag har ju precis börjat med sidan:))

Här är Html filen.

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta name="generator"
    content="HTML Tidy for Linux/x86 (vers 1st November 2002), see www.w3.org" />
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <title>BS Foto</title>
	</head>
    <body>
	
	<div id="main">
	
	<div id="header">
	<img src="header.jpg" />
	</div>
	
	
	
	
	
	
	</div>
	
	</body>

Här är CSS koden som jag änsålänge har.

body {
background-color:#c8d56d;
}

#main {
position: absolute;
background-color:#FFFFFF;
width: 700px;
height: 800px;
margin-top:0px;
margin-left: -350px;
left:50%;
border: 1px solid #000000;
}

#header {
position:absolute;
width:700px;
height:250px;
}

Visa signatur

5d mkII 35 1,4 L 24-70 2.8 L 135 2 L 70-200 2.8 L IS

Rapportera Redigera

Citera flera Citera

2006-09-28 11:07

Permalänk

cezar

Medlem

Plats: Uppsala
Registrerad: Mar 2003

●

Lägg detta i <head> ... </head>

<!--[if IE]>
<link href="ie.css" rel="stylesheet" type="text/css" />
 <![endif]-->

Sedan så skapar du en du en ny css fil för ie.

#main {
position: absolute;
background-color:#FFFFFF;
width: 698px;
height: 800px;
margin-top:0px;
margin-left: -350px;
left:50%;
border: 1px solid #000000;
}

Borde väll fungera.
Har haft ungefär samma problem.

Rapportera Redigera

Citera flera Citera

2006-09-28 12:14

Permalänk

Simon_m

Medlem