Archief - CSS - volledig met div's werken

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
_

_mocking][bird_

Legacy Member
Ik vraag mij af of het mogelijk is om het volgende in div's om te zetten (is in feite voor een vriend van mij):

http://users.pandora.be/webcreationsop/wcop/indores.html

nu wordt er (zoals je ziet wanneer ik de broncode gebruik) nog deels gebruik gemaakt van en tabellen, maar het is naar mijn mening slordig om een layout op te bouwen deels uit div's en deels uit tabellen, en vandaar mijn vraag...
A

Anendel

Legacy Member
perfect mogelijk. Hetgeen waar ge denk ik het meeste last mee gaat hebben is de hele boel gecentreerd te houden. Raar, maar dat doe ik nog altijd met een tabel.
_

_mocking][bird_

Legacy Member
iemand die mij misschien concreet op weg kan/wil zetten?
o

orez

Legacy Member
Anendel zei:
perfect mogelijk. Hetgeen waar ge denk ik het meeste last mee gaat hebben is de hele boel gecentreerd te houden. Raar, maar dat doe ik nog altijd met een tabel.
Klik om te vergroten...

toch easy...

<div id="gecentreerd"><!-- inhoud --></div>

#gecentreerd {
position: absolute;
width: breedte; (500px)
left: 50%;
margin-left: min helft breedte; (-250px)
}

werkt perfect op alle browsers.
B

BertG

Legacy Member
nog makkelijker :p
Code: 
<body>
<div class="body" style="text-align: center;">
<div class="content" style="text-align: right; width: 500px; margin-left: auto; margin-right: auto;">
//zet hier je site
</div>
</div>
</body>

de text-align zorgt er voor dat IE de content div centreert
da auto margins zijn voor de andere browsers :)
b

bRahms

Legacy Member
BertG zei:
nog makkelijker :p
Code: 
<body>
<div class="body" style="text-align: center;">
<div class="content" style="text-align: right; width: 500px; margin-left: auto; margin-right: auto;">
//zet hier je site
</div>
</div>
</body>

de text-align zorgt er voor dat IE de content div centreert
da auto margins zijn voor de andere browsers :)
Klik om te vergroten...
Niets van.
_

_mocking][bird_

Legacy Member
Mijn probleem zit em niet enkel in het centreren...
Z

Zero Grav

Legacy Member
Ge gebruikt nog geeneens een doctype, dus wie weet of het dan werkt bij een fatsoenlijke site. Zet er eens een xhtml strict 1 doctype op en dan kijk'k er wel eens naar.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan