Jeg har lidt problemer med at få banner-delen centreret ordentligt i Firefox. Jeg har brugt disse koder:
Kode: Vælg alt
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
<head>
<center>
<div id="title">
<h1>Banner</h1>
</div>
</center>
<div id="content">
<h1>Dette bør være en sigende overskrift for indholdet</h1>
<p>Iste quidem veteres inter ponetur honeste, qui vel mense brevi vel toto est iunior anno.</p>
<p>Ennius et sapines et fortis et alter Homerus, ut critici dicunt, leviter curare videtur.</p>
<p>Hos ediscit et hos arto stipata theatro spectat Roma potens; habet hos numeratque poetas.</p>
<p>Interdum volgus rectum videt, est ubi peccat. Si veteres ita miratur laudatque poetas.</p>
</div>
<div id="leftmenu">
<p>Sidens venstre-menu indeholder....</p>
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
<li>Punkt 5</li>
<li>Punkt 6</li>
<li>Punkt 7</li>
</ul>
</div>
<div id="rightmenu">
<p>Fra sidens højre-menu kan man læse mere om....</p>
<ul>
<li>Ditten</li>
<li>Datten</li>
</ul>
</div>
</head>
<body>
<style type="text/css">
body {
margin:0px;
background-color: green;
}
#title {
position:center;
left: center;
top:0px;
margin-left: 70px;
width:75%;
height: 100px;
background-color:orange;
}
#leftmenu {
position:absolute;
left:0px;
top:140px;
width:150px;
background-color:silver;
}
#rightmenu {
position:absolute;
right:0px;
top:140px;
width:150px;
background-color:silver;
}
#content {
padding-top: 70px;
margin-left:160px;
margin-right:160px;
background-color:white;
}
</style>
</body>
</html>
Det ser fint ud i både Safari og Chrome, men Firefox driller altså lidt. Jeg har ikke lige haft mulighed for at afprøve IE, da jeg ikke har den installeret til min mac, men det ser sikkert endnu værre ud der.
Nogle der har nogle ideer til, hvordan jeg kan få browserne til at arbejde lidt sammen for en gangs skyld?
Det ville ellers være rart med sådan en kode, der fik alle de andre koder til at se ens ud i alle browsere
