Problemer med overflow i CSS

[Big_JT]

Driver å leker meg med lit html/css for å lage meg ny hjemmeside, men har støtt på et lite problem.

 

Bruker følgende kode til CSS:

<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow: hidden;}
body {font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#base {position:absolute; width:80%; height:95%; top:2%; left:10%; z-index:2; background-color: silver; border: thin solid;}
#logo {margin:0; padding:0; height: 134px; background: url(../header-ny.jpg); font-size: 0%;}
#content {padding:5px 300px 20px 200px; overflow: auto;}
</style>

Background er som forståelig nokk bakgrunnen.

Base lager en flate over bakgrunnen som siden ligger på.

Logo er logoet mitt på toppen av siden. (Inne i Base) Meny skal også komme her ettervært.

Content skal holde på innholdet og ligge under Base. (innhold osv.)

 

<div>
<img id="background" src="bgimg.jpg" alt="" title="" />
</div>

<div id="base">
<div id="logo">
<p>BigJT's Beta Site</p>
</div>
<div id="content">

<h1>ALICE'S ADVENTURES IN WONDERLAND</h1>

<h3>Lewis Carroll</h3>

<h2>THE MILLENNIUM FULCRUM EDITION 3.0</h2>




<h3>CHAPTER I</h3>

<h4>Down the Rabbit-Hole</h4>


<p>Alice was beginning to get very tired of sitting by her sister
on the bank, and of having nothing to do:  once or twice she had
peeped into the book her sister was reading, but it had no
pictures or conversations in it, 'and what is the use of a book,'
thought Alice 'without pictures or conversation?'</p>

 

Problemet er at selv om innholdet i content "flyter" over får jeg ikke rullelinje på siden av den. Klarer å legge det på hele base, men vil at logo skal ligge på toppen selv om man er på bunnen av content.

[pgdx]

Hei.

 

Du vil ikke at #base skal ha en bestemt størrelse. La den utvide seg sammen med teksten.

 

Brukere vil bare se rullebar ett sted i nettleseren, og det er der den skal være, helt ute i siden, for å rulle hele siden.

[Big_JT]

Det har du nok rett i. Spørs om jeg angrep problemet på feil måte. :S

 

Planen min er å ha et stort bilde som bakgrunn, mens sidene ligger i en ramme som "flyter oppå"

 

Får sette meg ned å tenke lit igjen, men takk for tipset.