Perfect stylesheet
Jeg har problemer med at få følgende stylesheet til at virke i alle browser. Jeg har et content felt hvori jeg ønsker at kunne lave 1 kollone eller 2 kolonner, men når jeg gør dette respektere den ikke bredden af content feltet i nogle browser, men bliver skærmbredden is tedet for.Hvad gør jeg galt, hvordan ser det perfekte stylesheet ud?
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<style type="text/css">
body {
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 10pt;
margin: 0px;
padding:0px;
background-color: #357386;
}
#level0 {
background: #0c0c0c; */#357386;*/
padding:5px;
widtth: 100%;
}
#level2 {
margin-left:150px;
padding:0px;
background:#FFF3AC;}
.oneColumn {
float: left;
padding: 5px;
width: 82%;
Margin: 5px;
margin-right: 18%;
background:#FFF;
* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
wirdth: 98%;
Mdargin-top: - 2px;
}
/* Again, "be nice to Opera 5". */
body>.oneColumn{
width: 98%;
Madrgin-top:1px;
}
.twoColumn {
padding: 5px;
float: left;
width: 48%;
Margin: 5px;
background:#FFF;
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
width: 48%;
Mdargin-top: - 2px;
}
/* Again, "be nice to Opera 5". */
body>.twoColumn {
width: 48%;
Madrgin-top:1px;
}
#pageleft {
position:absolute;
left: 5px;
width: 140px;
top: 5px;
Margin-left: 2px;
/* Again, the ugly brilliant hack. */
voice-family: "\"}\"";
voice-family:inherit;
weidth:135px;
Mdargin-top: - 2px;
}
/* Again, "be nice to Opera 5". */
body>#pageleft {
wideth:135px;
Madrgin-top:1px;
}
.leftbox, .logo {
position:relative;
border-left-color: #215064;
border-right-color: #7AA8BC;
border-top-color: #215064;
border-bottom-color: #7AA8BC;
border-style: solid;
border-width: 1px;
padding: 1px 4px;
width: 100%;
background-color: #F6F6F6;
Margin-top: 0px;
font-size: 8pt;
color: #000000;
}
.logo {
padding: 0px;
width: 100%;
background-color: #FFFFFF;
}
</style>
<title><ThisTitle></title>
</head>
<body>
<div id="level0">
<div id="pageleft">
<div class="Logo">
logo<br/>
</div>
<div class="leftbox">
Hello
</div>
<div class="leftbox">
Hello 2
</div>
</div>
<div id="level2">
<div class="oneColumn">
One Column
</div>
<div style="clear:both;"></div>
<div class="twoColumn">
1/2 Column
</div>
<div class="twoColumn">
2/2 Column
</div>
<div style="clear:both;"></div>
</div>
</div>
<span class="copyright"><a href="DK_talktous.asp">Kommentar</a>
| <a href="DK_talktous.asp">Anmeld snyd</a>
| <a href="DK_rules.asp#regler">Regler</a>
</span><br/>
<span class="copyright">© Copyright 2006</span>
<br/><br/>
</body>
