Ik zit met een probleempje.
Ik ben al jaren in de (oude) html structuur aan het werken. Weet inmiddels veel van het positioneren met behulp van tabellen - en van de sores dat dit allemaal met zich meebrengt-, maar met css heb ik weining gedaan, behalve met de opmaak van elementen zoals <p> en <a>.
Nu wil ik graag een nieuwe opmaak maken met behulp van css.
Ik heb een schets gemaakt. deze kun je vinden op http://www.curo.nl/voorbeeld/index.html
Nu loop ik tegen wat problemen aan met positionering.
De omgeving die ik wil gaan maken bestaat uit:
1 header (beslaat de ruimte van tekstblok en foto) en is ongeveer 1000px breed
2 top menu, ook 100px breed
3 linkerdeel bovenkant met een kleurverloop (van boven naar onder). Dit moet flexibel groeien op basis van de breedte van het scherm
4 rechterdeel bovenkant met een kleurverloop (van boven naar onder) (net iets anders dan de linkerkant....) Dit moet flexibel groeien op basis van de breedte van het scherm.
deze twee elementen liggen aan de linker en rechterkant van het logo en de top menu
5 tekstblok links midden (links van opties blok) - dit tekstblok moet verikaal groeien op basis van de tekst die hier in gezet zal worden-
6 optiesblok rechts midden (rechts van het tekstblok) - dit blok kan ook vertikaal groeien op basis van de het tekstblok ernaast. Deze twee blokken moeten altijd even groot zijn.
7 linkerdeel onderkant met een kleurverloop (van onder naar boven). Dit moet flexibel groeien op basis van de breedte van het scherm
8 rechterdeel onderkant met een kleurverloop (van onder naar boven) (net iets anders dan de linkerkant....). Dit moet flexibel groeien op basis van de breedte van het scherm
deze twee elementen liggen aan de linker en rechterkant van zowel het tekstblok, het optieblok en de footer
9 footer midden (beslaat de ruimte van tekstblok en optieblok)
Het voorbeeld is te vinden op http://www.curo.nl/voorbeeld/index.html
Hoe moet ik zoiets met behulp van <div>jes in elkaar zetten?
Alvast bedankt!
Eddie
2.008 views