/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
relativ højde på div
Fra : Kasper Kyndsberg


Dato : 02-06-01 20:08

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

 
 
Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408885
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste