Hejsa
Jeg har en lille hjemmeside, jeg er i gang med at optimere lidt.
Siden ligger på <
http://www.kyndsberg.dk/>
Jeg har lavet siden i en visitkort stil hvor indholdet er midt på
siden med en baggrund uden om indholdet. Siden er lavet af 3
div'er hvor den midterste skal have en relativ højde. Den
midterste div er den, hvor jeg har mit indhold.
Jeg vil gerne have, div'en bliver større når man resizer mit
vindue. Det gør det også men ikke forholdvist.
Jeg er netop gået væk fra frames og iframes af hensyn til
søgeoptimering og dyb linkning på min side, så det er ikke et
alternativ.
Herunder et udpluk af mit stylesheet:
body {
background-color: #0099ff;
font-family: Arial;
text-align: center;
margin-top: 30px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 30px;
}
#top {
height: 70px;
text-align: left;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
background-color:#ffffff;
border-top-width: 3px;
border-left-width: 3px;
border-right-width: 3px;
border-bottom-width: 0px;
border-top-style: solid;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-top-color: black;
border-left-color: black;
border-right-color: black;
border-bottom-color: white;
}
#tekst {
direction: ltr;
overflow: auto;
height: 60%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-left: 30px;
padding-right: 30px;
text-align: justify;
background-color:#ffffff;
[SNIP: scroolbar deffinition af farver]
border-top-width: 0px;
border-left-width: 3px;
border-right-width: 3px;
border-bottom-width: 0px;
border-top-style: none;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-top-color: white;
border-left-color: black;
border-right-color: black;
border-bottom-color: white;
}
#bund {
height: 70px;
text-align: right;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
background-color:#ffffff;
border-top-width: 0px;
border-left-width: 3px;
border-right-width: 3px;
border-bottom-width: 3px;
border-top-style: none;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-top-color: white;
border-left-color: black;
border-right-color: black;
border-bottom-color: black;
}
/Kasper
--
Dette indlæg er sendt fra
http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk