Jacob Hansen wrote:
> I hytjanst.css. Her er alle atributtene skrevet slik:
>
> BORDER-RIGHT: #000 1px solid;
> PADDING-RIGHT: 5px;
> PADDING-LEFT: 5px;
> PADDING-BOTTOM: 0.25em;
> MARGIN: 0px 150px;
Nej, det er de ikke.
> Erik mener at dette skal skrives med små bogstaver.
Jamen, jeg har skam også skrevet det med småt - der må være noget
galt med din editor eller browser, eller hvad du nu ser filerne med!?
>>Det eneste, der irriterer mig er den vertikale scrollbar,
>> grundet 100% height.
>
> Er det en bug som gjør at det kommer en scrollbar når den
> defineres til 100%?
Nej, egentlig ikke. De 100% henviser til højden af body. Eftersom
#main, #left og #right er placeret ca. 70 pixels fra toppen, men
stadig får tildelt en højde på 100% af body, vil der naturligvis være
noget scroll.
> Er det nogen annen måde å få siten til å gå helt ned dynamisk, men
> uden scrollbar?
Du kunne måske lade #top være absolut positioneret, og så give #main,
#left og #right tilpas stor padding og margin... måske er du nødt til
at smide en ekstra div ind i hver af disse for at undgår bøvl med den
totale højde.
F.eks.:
#top {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
padding-bottom: 7px;
border-bottom: 1px solid #000;
}
#topheader {
height: 60px;
background-color: #004669;
border-bottom: 1px solid #000;
}
#main {
height: 100%;
margin: 0 150px;
border-left: 1px solid #000;
border-left: 1px solid #000;
background-color: #ffa;
}
#maincontents {
padding: 70px 5px 0.25em 5px;
}
#left {
float: left;
width: 150px;
height: 100%;
background-color: #004669;
}
#leftcontents {
padding: 70px 5px 5px 5px;
}
#right {
float: right;
width: 150px;
height: 100%;
background-color: #004669;
}
#rightcontents {
padding: 70px 5px 5px 5px;
}
<div id="top">
<div id="topheader">
yadda
</div>
</div>
<div id="left">
<div id="leftcontents">
yadda
</div>
</div>
<div id="right">
<div id="rightcontents">
yadda
</div>
</div>
<div id="main">
<div id="maincontents">
<h1>Overskrift</h1>
....
</div>
</div>
http://www.daimi.au.dk/~zoolook/misc/hytjanst/index.html
http://www.daimi.au.dk/~zoolook/misc/hytjanst/hytjanst.css
Ovenstående ser ud til at virke med Mozilla 1.3, Phoenix 0.5, Mozilla
Firebird 0.6, Netscape Navigator 6, Netscape Navigator 7, Internet
Explorer 6, Opera 5, Opera 6 og Opera 7 i Windows 2000 Pro.
Netscape 4.7 gider jeg af gode grunde ikke bekymre mig en fløjtende
fis om
--
Anders Thorsen Holm |
http://www.daimi.au.dk/~zoolook/
Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor:
http://www.daimi.au.dk/~zoolook/?page=fona