[CSS] Probleem met background

[Verwijderd]

Hoi mensen!

Ik heb het volgende probleem:
Ik heb een background opgedeelt in 3 div blokken (ook 3 verschillende gifs die 1 plaatje vormen), dus een boven, middel, en onder gedeelte.
Ik wil nu dus dat het middelste gedeelte zich automatisch herhaalt aan de hoeveelheid content op de pagina. Dus dat hij automatisch langer wordt. Maar het onderste gedeelte moet dan ook automatisch opschuiven naar beneden (het moet er gewoon onder blijven).
Ik gebruik de volgende css code:

Cascading Stylesheet:

#groenboven { position:absolute;
            left:0px;
            top:0px;
            width:487px;
            height:100%;  
            background-image: url(pic/groenboven.gif);
            background-repeat: no-repeat;
            background-attachment: fixed;
            z-index: 2;
            
            }   
            
            
#groenmidden { position:absolute;
            left:0px;
            top:32px;
            width:487px;
            height:100px;  
            background-image: url(pic/groenmidden.gif);
            background-attachment: fixed;
            z-index: 3;
            
            }  

#groenonder { position:absolute;
            left:0px;
            top:52px;
            width:487px;
            height:100%;  
            background-image: url(pic/groenonder.gif);
            background-repeat: no-repeat;
            background-attachment: fixed;
            z-index: 4;
            
            }  

#groenachter { position:absolute;
            left:242px;
            top:295px;
            width:487px;
            height:550px;  
            
            z-index: 2;
            
            }   

En in mijn html staat:

HTML:

<div id="groenachter">

<div id="groenboven">
</div> 
<div id="groenmidden">

</div> 
<div id="groenonder">
</div> 

</div>

De 3 divblokken staan dus in 1 div blok dat groenachter heet.
Weet iemand een oplossing voor mijn probleem? Wat moet ik veranderen, of moet ik het helemaal anders aanpakken?

Alvast bedankt!!

[ Voor 5% gewijzigd door Verwijderd op 24-06-2005 13:46 ]

[BtM909]

Zet ten eerste je code tussen

[plain]

HTML:

[/] en [plain]

Cascading Stylesheet:

[/] tags

Dat leest wat makkelijker. Daarnaast horen dit soort problemen bij de buren in [WG]. Zie ook: HTML, CSS, JavaScript, Flash en Director topics *12-05*

---

Om je probleem op te lossen dien je voor je footer een <br clear="all"> toe te voegen

[ Voor 16% gewijzigd door BtM909 op 24-06-2005 13:44 ]

[André]

BtM909 schreef op vrijdag 24 juni 2005 @ 13:43:

Om je probleem op te lossen dien je voor je footer een
toe te voegen

Of beter een <br style="clear:both;" />

[Verwijderd]

Waar zou ik dat dan precies moeten plaatsen? Want hij doet het nog niet . kheb hem hier neergezet :

HTML:

<div id="groenonder">
<br clear="all"> 
</div>

[André]

Tussen de midden en de onder

[NMe]

Programming & Webscripting >> Webdesign & Graphics

[BtM909]

André schreef op vrijdag 24 juni 2005 @ 13:49:
[...]

Of beter een <br style="clear:both;" />

Yep

[Verwijderd]

Ik snap het nog steeds niet, ik wil dus tekst in het midden gedeelte zetten, maar hij geeft nik meer weer en hij wordt ook niet langer

[BtM909]

Verwijderd schreef op vrijdag 24 juni 2005 @ 14:32:
Ik snap het nog steeds niet, ik wil dus tekst in het midden gedeelte zetten, maar hij geeft nik meer weer en hij wordt ook niet langer

Zet het desnoods ff online?

[Verwijderd]

Ok het staat online:

http://members.home.nl/rwmboensma/portfolio/studentindex.php

en de css: http://members.home.nl/rwmboensma/portfolio/style.css

[Verwijderd]

Ehm... ok dan..

Kun je niet beter even opnieuw beginnen en alles duidelijk / helder opbouwen? Dan wordt het voor jezelf ook allemaal wat duidelijker. Dit is imo behoorlijk onoverzichtelijk zo.

Je bent ook overal alles absoluut aan 't positioneren en met layers bezig. Wat ik er van zie op de site is dat vrijwel nergens nodig. Of ik mis iets

Edit: Trouwens. Als je die achtergrond netjes wil laten repeaten moet je eerst een goede basis hebben voor je layout. Bekijk deze site eens. Gebruik desnoods het voorbeeld van die site als hoofdlayout. Verander de CSS wat en voeg je eigen header e.d. toe.

[ Voor 32% gewijzigd door Verwijderd op 24-06-2005 21:15 ]