Placering af Top og bund vha. css
Jeg har denne kildekode:<html>
<head>
<title>Titel</title>
<style type="text/css" media="all">@import "css/ny.css";</style>
</head>
<body>
<div class=content>
Hovedområder:
</div>
<DIV id="navAlpha">
Venstre menu
</div>
<div class=content>
Indhold
</div>
<div id="navBeta">
Højre menu
</div>
<div class=content>
Fod
</div>
</body>
</html>
Med dette tilhørende stylesheet:
.content {
position:relative;
width:auto;
min-width:120px;
margin:0px 210px 20px 170px;
border:1px solid black;
background-color:white;
padding:10px;
z-index:3;
}
#navAlpha {
position:absolute;
width:150px;
top:20px;
left:20px;
border:1px dashed black;
background-color:#eee;
padding:10px;
z-index:2;
voice-family: "\"}\"";
voice-family:inherit;
width:128px;
}
body>#navAlpha {width:128px;}
#navBeta {
position:absolute;
width:190px;
top:20px;
right:20px;
border:1px dashed black;
background-color:#eee;
padding:10px;
z-index:1;
voice-family: "\"}\"";
voice-family:inherit;
width:168px;
}
body>#navBeta {width:168px;}
Hvordan får jeg placeret tekst i toppen?
Altså inden indhold, højre og venstre menu. Den skal tilpasse sig sidens størrelse ligesom resten allerede gør.
Desuden ønsker jeg en tekst i bunden der på samme måde strækker sig over hele sidens bredde, men samtidigt tilpasser sig sidens/vinduets størrelse.
Håber det er til at forstå.
Et eksempel af siden kan ses her:
http://webguider.dk/gg.htm
