Geen tabellen voor je lay-out, maar divs gebruiken...

Dus: ombouwen!
Succes daarmee ;) Maar dat is waarschijnlijk wel de oplossing...
vuistregel Nooit een tabel, behalve bij een tabel
hiermee bedoel ik natuurlijk, gebruik nooit een tabel behalve waarvoor dat ding ooit ontworpen is, en dat is een tabel 

Ja oke, maar dan zit ik met een ander probleem.
Ik heb de layout eerst in PS gemaakt, en hem dan gesliced, opgeslaan, en dan verder bewerkt in DW. Maar als ik hem op de andere manier opsla, dus zonder al die tabellen, dan krijg ik de layout niet gecenterd. Nu staat hij mooi in het midden door gewoon de <center> tags toe te voegen. Maar dit lukt dus niet als ik hem anders opsla.

Tuurlijk wel...

www.jdwebdesign.nl

hoe denk je dat ik 't gedaan heb?

Wat moet je doen:
- div met id = main_container
--- div met id = header //voorbeeld
--- div met id = main
--- div met id = footer
- div met id = main_container afsluiten

Dan ga je naar je CSS
#main_container -> width:1000px; margin:0 auto

Dan zou 't moeten werken, dan positioneer je je header, main en footer even goed. Je stelt de rest in en je site staat netjes gecentreerd ;) Het is een kwestie van snappen en doen, vooral het doen is belangrijk ;)


Maar om een lang verhaal nog langer te maken:
- Geen tabellen maar div's voor je structuur
- CSS voor de opmaak (in een apparte sheet)

Oke, zal gelijk eens proberen, ik laat je zeker nog iets weten!
En nogmaals bedankt!

EDIT: Ik heb ondertussen een hoop dingen geprobeerd (nu zonder al die tabellen). Eerst heb ik geprobeerd om alles handmatig te schrijven, dus elke DIV etc. apart aan te maken. Maar dit lukte ook niet volledig. Daarom ben ik nogmaals opnieuw begonnen, en heb ik een groot deel gedaan met behulp van de ingebouwde DW functies. Nu alles lukt goed, buite het feit dat ik de template nog steeds niet in mooi gecenterd krijg. Zou je me hierbij misschien nog eens kunnen helpen?

Klik

Nogmaals bedankt!

in uw stylesheet: #main-index {
position: relative;
margin-left: auto;
margin-right: auto;
}

nu heb je alles op position: absolute staan wat niet echt bedoeld werd met "verrander alles in divs". Dan had je beter je tabellen gehouden.

Ja ik weet het, maar dit is omdat PS het zo opslaat.
Een andere keus heb je niet.

En de code die je geeft veranderd niets aan de layout.

doe die top: 0px en left: 0px dan ook weg...

Sorry maar ook dit werkt niet.

Was al zoiets aan't hopen.

Kan je dan misschien mijn code zelf aanpassen zodat de layout mooi in het midden staat?
Alvast heel hard bedankt!