Aha, skönt. Då förstår jag.
Jag fick ändå scrollbars för bordern lägger sig utanpå.. så här slutade det alltså:
body {
padding: 0px 0px 0px 0px;
margin: 0px 20px 10px 20px;
font-size: 11px;
font-family: arial, sans-serif;
}
#top,#menu,#main {
width: 100%;
text-align: center;
}
#top {
height:100px;
background-color: rgb(25,25,25);
}
#menu {
height: 30px;
background-color: rgb(25,150,0);
}
#main {
border-left: 1px solid rgb(0,0,0);
border-right: 1px solid rgb(0,0,0);
background-color: rgb(250,25,0);
height: 97%;
border-bottom: 1px solid rgb(0,0,0);
}
samt
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="include/style.css">
</head>
<body>
<div id="main">
<div id="top">snygg logo</div>
<div id="menu">menyn</div>
main
<p style="height:150px; text-align: right; border: 1px solid #449922;">tjockis</p>
</div>
</html>
</head>
men fy skam vad dåligt safari är på att hantera css? Safari fattar ju typ nada av procent-satser.
Det här blev ialla fall perfekt, tack så mycket för hjälpen!
Förresten, när man ändå är inne på att någon webbläsare inte visar sidan rätt... är det något som kommer förändras? För jag vill göra hemsidan så kompatibel som möjligt och då håller det ju inte att den ser olika ut i alla webbläsare