matzeatweb: Div über die ganze Seite spannen

Beitrag lesen

hallo,

ich habe die suchfunktion benutzt, wusste aber irgendwann nicht mehr die richtigen worte...

Ich möchte mit javascript (ja, CSS ist der richtige Themenbereich) ein bild beim anklicken vergrößern (so ein schicker abdunklungseffekt und so...). Das funktioniert auch alles gut und in javascript brauche ich keine hilfe, aber mein Problem ist, das das div, das halbtransparent schwarz ist und den rest der seite abdunkelt, nicht über die ganze seite geht, sondern an der unteren seite des browsers aufhört. Das sieht dann so aus:

____________ _ anfang des browser-fensters
|xxxxxxxxxx|
|xxxxxxxxxx|
|xxxxxxxxxx|
|xxxxxxxxxx|_ ende des browser-fensters
|          |
|__________|_ ende der seite (bis hierhin soll die füllung)

x = füllung

Quellcode (css):

  
div#irgendeins {  
 position:absolute;  
 height:100%;  
 left:0;  
 width:100%;  
 background-color:#FF0000;  
}  

und html:

  
<div id="irgendeins">test<br><br>test<br><br>test<br><br>test<br><br>test</div>  
<!-- zum testen "test<br><br>" mehrmals wiederholen -->  

<http://de.selfhtml.org/css/eigenschaften/positionierung.htm#posbottom@title=so (klick)> gehts auch nicht. das merkt man wenn man den quellcode des beispiels so verändert, dass der text in dem div über den browserrand herausragt.

Ich hoffe ihr versteht mich und könnt mir helfen.

Matze@web