Layout omschrijving:
Ik ben op zoek naar hulp om een simple css stramien voor een website te maken dat het volgende doet:
- de website is 980px breed en in het midden gecentreerd.
- in feit drie horizontale lagen: header,content,footer
- header heeft geen fixed height
- content div moet worden opgedeeld in 3 columns
-- menu (width 200)
-- inhoud (width 550)
-- ads ( width 230)
Qua code wil ik dat content het eerst wordt gelezen / vooraan staat, dan menu en dan ads ( dit wijkt dus af van zichtbare volgorde)!
de inhoud van de drie column zijn afhankelijk van de inhoud en de columns moeten dus schalen in de lengte waarbij de "hoogste" columns de hoogte van het content div bepaald.
onderaan sluit de footer div netjes aan onder de content div ongeacht de inhoud / hoogte van content.
Na 1,5 uur geef ik het op.... Help!
- HELP met css stramien
-
15-06-2009, 16:26 #1
- Berichten
- 24
- Lid sinds
- 17 Jaar
HELP met css stramien
-
-
15-06-2009, 16:31 #2
- Berichten
- 571
- Lid sinds
- 17 Jaar
Eerst een container div met: width: 980px; margin: 0 auto;
Daarna in header div met width: 980px; /* mag je ook weglaten */
Daarna 3 div's met floatje left met aangegeven breedtes (inhoud, menu, ads).
Dan doe je inhoud position: relative; left: 200px;
En menu postion: relative; left: -550px;
Daarna een div met clear both;
Daaronder een footer met zelfde als header.
Even uit de losse pols, dus kan een klein foutje inzitten.
-
15-06-2009, 17:34 #3
- Berichten
- 163
- Lid sinds
- 18 Jaar
http://www.intensivstation.ch/en/templates/
gemakkelijk aan te passen, volgens mij?
-
17-06-2009, 07:12 #4
- Berichten
- 24
- Lid sinds
- 17 Jaar
Thanks voor de tips; ben er nog niet maar ....
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic