Problem med layout, CSS
Har gjort följande sida och får inte riktigt det att fungera som jag vill... det ser ok ut, men när jag drar i fönstret så flyttar sig brödtexten på ett underligt sätt! Kan nån hjälpa mig modifiera style.css så att det fungerar?
temporärt: titta: http://217.208.217.86/
filer: http://217.208.217.86/index.htm
http://217.208.217.86/style.css
HTML filen:
<style type="text/css"> @import url("style.css"); </style>
</head>
<body>
<!- Sidhuvud ->
<div id="sidhuvud">Header Section</div>
<!- Meny ->
<div id="meny">
<ul>
<li><a href="index.php?sida=presentation">Presentation</a></li>
<li><a href="index.php?sida=butik">Butik</a></li>
<li><a href="index.php?sida=restaurang">Restuarang</a></li>
<li><a href="index.php?sida=produkter">Produkter</a></li>
<li><a href="index.php?sida=kurser">Kurser</a></li>
<li><a href="index.php?sida=kontakt">Konktakta Oss</a></li>
<li><a href="index.php?sida=lankar">Länkar</a></li>
<li><a href="index.php?sida=hjalp">Hjälp</a></li>
<li><a href="index.php?sida=hem">Hem</a></li>
</ul>
</div>
<!- Innehåll ->
<div id="innehall"><pre>
Välkomstsida
Logo
Foto
Nyheter
Öppettider
E-post
Copyright
</pre></div>
<!- Sidfot ->
<div id="sidfot">Footer Section</div>
Style.css:
body {
margin: 0px;
padding: 0px;
background-color: #fff;
font-family: verdana, sans-serif;
font-size: 80%;
}
#sidhuvud {
background-color: #c83;
font-size: 30px;
margin: 0;
color: #000;
border-top: 4px solid #000;
border-bottom: 5px solid #000;
width: 100%;
}
#meny {
background-color: #a40;
color: #ee8;
font-size: 50%
border-right: 3px solid #000;
padding-right: 10px;
float: left;
width: 19%;
}
#innehall {
float: right;
width: 80%;
}
#sidfot {
background-color: #c83;
font-size: 30px;
margin: 0;
color: #000;
border-top: 5px solid #000;
border-bottom: 4px solid #000;
clear: both;
width: 100%;
}
// Yonder
