Archief - DHTML mozilla centreren

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.
L

Lashknife

Legacy Member
http://lashknife.playfields.be/tmp/div_calendar.php
bekijk het even in IE, dat is waar ik naartoe wil.

Nu heb ik een probleempje in mozilla: waarom centreert die buitenste div die binnenste niet?
Dit is opgebouwd uit divisions in divisions, ik dacht toch wel dat als je in de ene division bepaalde dat je text-align: center zet, dat hij de inhoud (inclusief subdivs) ook centered? of moet ik het gaan scripten op "50% - width/2"... :/
(alle ja, dit is maar om te weten, want normaal steek ik die div in een td dus staat hij op 0px, maar toch...)

Code: 
div.body {
	width: 100%;
	text-align: center;
	border: solid 1px red;
}
dit zou toch een <div> die erin ligt moeten centreren, niet?
de div die erin zit heeft een position: relative (top 0 left 0)
ok dit is maar extra omdat dit default zo is, maar toch voor zeker te zijn heb ik dit erin gezet...

kzie ni echt waar ik de mist in ga met dit stukje positioning...
C

Cakeman

Legacy Member
Code: 
<div id="buitenkant">
    <div id="binnenkant">
        Tekst
    </div>
</div>
Om de binnenste div te centreren kan je volgende CSS code gebruiken:
Code: 
#binnenkant {
    width: 100px;
    margin: 0 auto;
}
L

Lashknife

Legacy Member
ja zoiets stond een paar pages terug ook al, maar waarom met een css id en niet gewoon via een class? kan dit niet?
s

sys4096

Legacy Member
Mja Cakeman, maar volgens w3c mag een id maar 1 keer voorkomen !

Als je het volgende doet :

Code: 
.buitenkant div {
    width: 100px;
    margin: 0 auto;
}

werkt het dan niet ?
L

Lashknife

Legacy Member
hmm, als ik in mijn container div
Code: 
margin: 0px auto;
toevoeg, dan centreert hij,

vraag ik mij nog af, waarom werkt text-align niet op die binnenste div?
C

Cakeman

Legacy Member
Het was maar een voorbeeld hé. Ik neem aan dat mensen die aan webcoding willen beginnen zelfstandig genoeg zijn om zulke dingen te interpreteren en aan te passen aan hun noden.
L

Lashknife

Legacy Member
Cakeman zei:
Het was maar een voorbeeld hé. Ik neem aan dat mensen die aan webcoding willen beginnen zelfstandig genoeg zijn om zulke dingen te interpreteren en aan te passen aan hun noden.
Klik om te vergroten...
mja, was eigenlijk een belachelijke vraag, want terwijl ik het aant submitten was, had ik het al omgezet en getest met een class en da ging :) luidop denken en submitten dus...

anyway, thx, niet aan margin: auto gedacht
blijft natuurlijk de vraag waarom text-align niet toegepast wordt...
D

DarkBone

Legacy Member
text-align centreert alleen tekst ? of is toch alleen bedoelt om tekst (en images erin) te centreren ?
L

Lashknife

Legacy Member
vraag ik mezelf af waarom ze dan geen horizontal-align uitvinden, maar wel een vertical-align & text-align

beetje debiel he :crazy:
s

sys4096

Legacy Member
text-align werkt op block elementen, en aangezien een div ook een block is, zou het toch moeten werken.

Heb het eens getest en inderdaad...
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
.myDiv { 
	text-align :  center;
}
</style>
</head>
<body>
	<div class="myDiv">
		uit div blabla		
		<div>
			in div blabala
		</div>
	</div>
</body>
</html>

ie doet het.
L

Lashknife

Legacy Member
nou, dan toch niet bij mij :cry:

want zo stond het bij mij int begin!
D

Dece

Legacy Member
Brainscan zei:
text-align werkt op block elementen, en aangezien een div ook een block is, zou het toch moeten werken.
Klik om te vergroten...
The text-align property aligns the text in an element.

text-align is in de strikte zin dus bedoeld om de tekst te positioneren, niet het element zelf.
vandaar dat mozilla dit ook niet toepast
L

Lashknife

Legacy Member
Brainscan zei:
Gij had div.body staan, waarom weet ik niet...
Klik om te vergroten...
hmm, eigenlijk effe niet bij nagedacht...

dunno, zou dat zo'n verwarring scheppen? .*** = classname, niet element name, zou toch niet mogen eigenlijk

da's zelfde alsof div.html niet zou werken voor <div class="html"></div>

ff testen of dit invloed heeft.

*edit*
heeft dat geen enkele invloed, nu noemt de class bodydiv en ook hier geen centrering...

maakt - zoals ik dus wel dacht - geen bal uit aangezien je het op die plaats niet over een element maar over een classname hebt...

al hetzelfde of je zou in javascript geen document.getElementById("ul") mogen hebben omdat dit toevallig ook een tag is...

*edit2*
met die margin: 0px auto; heb ik zelfs geen omvattende div meer nodig om te centreren ook al... (natuurlijk enkel als ik mijn calendar container op toplevel wil houden) ik laat het maar weten ter informatie :unsure:
b

bRahms

Legacy Member
Lashknife zei:
vraag ik mezelf af waarom ze dan geen horizontal-align uitvinden, maar wel een vertical-align & text-align

beetje debiel he :crazy:
Klik om te vergroten...

Net hetzelfde toen ze de hr uitvonden maar niet de vertical rule :p

Nuja, is offtopic, het antwoord blijf ik u schuldig. :(
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