Virker perfekt i IE, men fejler i FF
Jeg arbejder på en ny undersektion til en af mine sider, men jeg sidder med det problem, at min side ikke bliver vist ordenligt i FireFox, men der er derimod ingen problemer i Internet Explorer.Problemet er således, at i FF bliver den ene af mine tabler flytter ned, og ligger derfor ikke ved siden af resten af siden(som den ellers burde). I kan se hvad jeg snakker om her: http://media.dild.net/
Min kode til sideopbygninger er her:
--------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>dild.net - Funny Videos, Funny Movies, Video Clips</title>
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<style type="text/css">
</style>
</head>
<body>
<div id="top">
<div class="menu">
<div class="menu_frontpage">
<a href="../" title=""></a>
</div>
<div class="menu_videos">
<a href="../videos" title=""></a>
</div>
<div class="menu_pictures">
<a href="../pictures" title=""></a>
</div>
</div>
</div>
<div id="site">
<div id="content-left">
<div class="leftcontentheader">
Header
</div>
<div class="leftcontenttext">
Content
</div>
<div class="leftcontentheader">
Advertisment
</div>
<div class="leftcontenttext">
Banner
</div>
</div>
<div id="content-right">
<div class="rightcontentheader">
Friends
</div>
<div class="rightcontenttext">
Random friends of dild.net
</div>
<div class="rightcontentheader">
Advertisment
</div>
<div class="rightcontenttext">
Banner
</div>
</div>
</div>
<div id="bund">
Footer
</div>
</body>
</html>
--------------
Min CSS kode er her:
--------------
/* Global */
body {
background-image: url('../images/bg.gifx');
background-repeat: repeat;
background-color: #202020;
margin: 0;
text-align: center;
font-size: 12px;
font-family: 'Trebuchet MS', Verdana, Sans-Serif, Arial;
}
/* Design */
div#top {
margin: 0 auto;
background-image: url('../images/logo.gif');
background-repeat: no-repeat;
background-color: #202020;
width: 975px;
height: 100px;
float: left;
clear:both;
}
div#site {
margin: 0 auto;
background-repeat: repeat-y;
background-color: #202020;
width: 955px;
}
div#content-left {
background-color: #ebebeb;
margin: 0 auto;
width: 735px;
float: left;
border: 4px solid #e0e0e0;
text-align: justify;
padding: 0px 0px 0px 0px;
clear:both;
}
div#content-right {
background-color: #ebebeb;
margin: 0px 0px 0px 0px;
width: 200px;
float: right;
border: 4px solid #e0e0e0;
text-align: justify;
padding: 0px 0px 0px 0px;
clear:both;
}
div#bund {
margin: 0px auto 20px auto;
background-image: url('../images/bund.gif');
background-repeat: no-repeat;
background-color: #202020;
width: 950px;
height: 37px;
text-align:center;
clear:both
}
.leftcontentheader {
background-image: url('../images/headerbg.gif');
background-repeat: repeat;
margin: 0px;
width: 735px;
margin-bottom: 0px;
background-color: #252525;
padding: 0px;
color: #FFFFFF;
font-weight: bold;
}
.leftcontenttext {
padding: 4px;
}
.rightcontentheader {
background-image: url('../images/headerbg.gif');
background-repeat: repeat;
margin: 0px;
width: 200px;
margin-bottom: 0px;
background-color: #252525;
padding: 0px;
color: #FFFFFF;
font-weight: bold;
}
.rightcontenttext {
padding: 4px;
}
--------------
