Hjälp med kodning

matte123Medlem sedan juli 20062 inlägg

4 juli 2006 14:25#1

Hej!
Håller på och lär mig HTML, började nån gång i December 2005.
Nu håller jag i alla fall på med en kodning som inte funkar helt
i FF.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<title>
Titel
</title>
</head>
<body>
<div id="centrering">
<div id="container">
<div id="logo">
</div>
<div id="hela_mitten">
<div id="container_mitten">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
<div id="meny_mitten">
<br><br><br><br><br>
</div>
<div id="meny_botten">
</div>
<div id="container_botten">
</div>
</div>
<div style="clear: both;"></div>
<div id="hela_botten">
</div>
</div>
</div>
</body>
</html>

Detta är alltså HTML-koden.
Nu ser ni att den är kodad med DIV, så jag visar CSS-koden också:


body { background-image: url(bakgrund.png);}

body {font-family: Verdana; font-size: 10px; color: #000000;}

a:link { text-decoration: underline; color: #000000}
a:visited { text-decoration: underline; color: #000000}
a:active { text-decoration: underline; color: #000000}
a:hover { text-decoration: none; color: #000000}

#centrering {width: 594px; margin-right: auto; margin-left: auto;}

#container {
width: 594px;
}

#logo {
width: 594px;
height: 153px;
background-image: URL('logo.png');
}

#hela_mitten {
width: 594px;
background-image: URL('hela_mitten.png');
}

#container_mitten {
width: 454px;
background-image: URL('container_mitten.png');
float: right;
}

#meny_mitten {
width: 140px;
background-image: URL('meny_mitten.png');
float: left;
}

#hela_botten {
width: 594px;
height: 11px;
background-image: URL('hela_botten.png');
}

#container_botten {
width: 454px;
height: 11px;
background-image: URL('container_botten.png');
float: right;
}

#meny_botten {
width: 140px;
height: 13px;
background-image: URL('meny_botten.png');
float: left;
}

Här är bilden på hur det ska se ut:
http://www.webforum.nu/attachment.php?attachmentid=11275&stc=1

Och här är bilden på hur det ser ut nu i FF:
http://www.webforum.nu/attachment.php?attachmentid=11276&stc=1

Finns det nån duktig här som kan hitta felet? ^^