Hulp bij gebruik van <div> voor layout

Helpdesk & Vraag/Aanbod
Post Reply
Red Baron
Posts: 818
Joined: 15 Jun 2003, 10:55
Location: Groningen
Contact:

Hulp bij gebruik van <div> voor layout

Post by Red Baron »

Ik ben een kleine simpele pagina voor eigen gebruik aan het maken.
Nu heb ik tot dusver altijd gebruik gemaakt dan tables voor de de gehele opmaak van een pagina.

Zo begon deze simpele pagina dus eigenlijk ook en er was dan ook al snel een gewenste layout verschenen (http://redbaron.teambvd.com/mama/2005/template.html)

Dit is dus eigenlijk niet waarvoor tables bedoeld zijn.
Nu wil ik dus een versie maken zoals het eigenlijk hoort.
(http://redbaron.teambvd.com/mama/2005/divtemplate.html)

Maar voor iemand die tot dusver standaard alleen maar <table> gebruikt heeft vind ik het nog vrij pittig om de layout "eventjes" te kopieren naar een versie met <div>'jes.

Nu hoef ik niet iemand te hebben die die pagina omzet naar correct html, maar ik vroeg me af of jullie websites weten waar dit soort problemen uitgebreid met voorbeelden behandeld worden. Ik gebruik zelf wel veel http://www.w3schools.com, maar ik heb nog geen site gevonden tot dusver die uitgebreid op dit dilemma ingaat.
Goed er is genoeg te vinden waarom je voor <div> zou moeten kiezen in plaats van <table>, maar ik vind nauwelijks sites waar verschillende problemen behandeld worden die je tegenkomt als je de "switch" maakt.

Graag jullie hulp dus :)
madman
2nd Admin
Posts: 4958
Joined: 14 Jun 2003, 21:41
Location: Arnhem
Contact:

Post by madman »

Ik gebruik eigenlijk ook gewoon tables ipv div's.. Maar wat ik van anderen heb begrepen is Dreamweaver daar wel handig in.. Ook de editor die bij Mozilla (dus niet Firefox) zit kan je geloof ik aardig eind op weg helpen...
itons
Posts: 182
Joined: 13 Jan 2005, 15:28
Location: 127.0.0.1

Post by itons »

madman wrote:Ik gebruik eigenlijk ook gewoon tables ipv div's.. Maar wat ik van anderen heb begrepen is Dreamweaver daar wel handig in.. Ook de editor die bij Mozilla (dus niet Firefox) zit kan je geloof ik aardig eind op weg helpen...
is dat Nvu? heb daar laatst kleine site ingemaakt, werkt redelijk makkelijk maar is wel erg beperkt. als je echt een omgeving wil gebruiken om je site te maken kan je beter dreamweaver nemen. maar als het echt alleen om de styling en layout gaat is nvu wel aardig imho.
- itons
madman
2nd Admin
Posts: 4958
Joined: 14 Jun 2003, 21:41
Location: Arnhem
Contact:

Post by madman »

Ik weet niet precies hoe het heet.. Is al weer een poosje geleden dat ik het gebruikt heb.. (weet nog wel dat je er via CTRL + E komt)
DaFDu
Posts: 1139
Joined: 22 Aug 2003, 13:24
Location: Varna, Bulgaria
Contact:

Post by DaFDu »

Net als Madman gebruik ik ook vaak tables voor dit soort dingen ...

Ja, het zou officieel danwel met div's moeten, maar aangezien het er met tables ook prima uitziet, en dit net ff wat sneller gedaan is, ben ik tot nu toe te "lui" geweest om me erg in div's te verdiepen. Met div's heb je natuurlijk wel meer mogelijkheden ... zo kan je veel makkelijker de boel herpositioneren aangezien je met layers werkt en niet met cellen in een structuur (table).

Uhm... het lijkt erop dat je de diffs vergeten bent te positioneren in jou versie?

http://www.howtocreate.co.uk/tutorials/ ... =1∂=9
(positionering via css)

Ook wel handig om eens door te lezen:
http://msdn.microsoft.com/workshop/auth ... ts/div.asp

P.s. ik zou sowiezo Dreamweaver gebruiken, das naar mijn mening het beste allround webdesign programma beschikbaar...
I'm just impersonating me...
Red Baron
Posts: 818
Joined: 15 Jun 2003, 10:55
Location: Groningen
Contact:

Post by Red Baron »

Tja ik gebruik dreamweaver ook wel, maar dan gebruikt hij meteen absolute waardes voor posities en daarvan wordt de pagina een stuk minder dynamisch bij verschillende resoluties.

Verder zit ik nogal te klooien met het ding dus het ziet er soms nogal fucked up uit ja :P
Post Reply