div's centreren...

[Spooksel]

ik wil een layer precies in het midden van mijn scherm afdrukken... zodat ie zichzelf mooi aanpast als je bijv in 800*600 kijkt of hoger...
hebben jullie url's met voorbeelden?
of kunnen jullie me misschien de in stellingen verklappen?

(ik heb gezocht, en niet gevonden wat ik wil)

[FragNeck]

welk programma gebruik jij ?

Drumbeat toevallig

[Spooksel]

doet dat ertoe? ik schrijf de properties voor layers in externe stylesheets met notepad maar ik werk er nog niet zo lang mee en ik weet nog niet welke settings je er nou mee kan maken... vandaar mijn vraag

[FragNeck]

Ik zal wel es ff voor je zoeken..... ik hoop binnen een half uur meer te weten,
ff wachten aub

[Spooksel]

okies... ik blijf zelf natuurlijk ook doorzoeken, mocht iemand het me kunnen vertellen dan hoor ik het graag

[FragNeck]

Centreren :

<div align="center">


</div>

Op deze site staat waar ik dit met toeval heb gevonden : http://www.goudnet.com/

Ik zal wel meer voorbeelden zoeken..

[FragNeck]

Het enige nadeel met DIV is, dat je een absolute positie aangeeft volgens mij...
Dit kan nog wel eens een probleem geven

[Spooksel]

daarmee centreer je de inhoud van de div... ik wil de div zelf in het midden...

[FragNeck]

geef es een voorbeeld dan...
dan ken ik ff stoeie

[Spooksel]

uhm... ik kan om het moment niks uploaden (zit op mijn werk en kan niet ftp-en )
kan ik het ff naar je toe mailen?

[FragNeck]

mail maar naar Bedankt"

[FragNeck]

Hey dennis,
wat je moet doen is in de CSS, je possition aanpassen van Absolute naar Center,
dan heb je in ieder geval je horizontale gedeelte af

[FragNeck]

Voor meer informatie kun je ook naar :

http://www.w3.org/Style/CSS/ gaan, en daar staat veeeeeeel informatie over CSS.

[RM-rf]

wat je wilt is niet direkt via CSS/HTML mogelijk, immers de DIV wordt standaard linksboven uitgelijnd. enigste wat ik kan bedenken om twee DIVs te gebruiken; ee die width=100% en height=100% heeft en daarin een DIV met position: relative left:-100 (als div 200px breed is) en tp -50 (als DIV 100px hoog)
dat impliceert wel dat je DIV een fixed height en width heeft.

makkelijker is meestal javascript dat de aanwezige breedte en hoogte checked (voor venster document.availwidth en availheight, voor scherm screen.width en height) en de breedte en hoogte van DIV opvraagt,
de positie wordt dan berekent met
leftpos = (AvailWidth-DIVwidth)/2
toppos = (AvailHeight-DIVheight)/2

edit: position: relative (ziek smilie verwijderd )

[Anoniem: 1733]

wat natuurlijk ook kan:

dmv 3 framepjes de middelste in het midden %teren en dan is het in het midden uitlijnen van de inhoud in het middelste framepje natuurlijk geen kunst...

[EquiNox]

Waarom geen tabel op 100% en die dan horizontaal en verticaal alignen?
Dan staat de inhoud ervan ALTIJD in het midden?

[Anoniem: 116095]

Ik heb dus hetzelfde probleem!

Uiteraard is het eenvoudig op te lossen met tables. Alleen ik probeer m'n website XHTML strict te houden. Dus daarom geef ik voorkeur voor 3a 4 div's ipv tigggg TD's.

Hier een voorbeeld van wat ik probeer te realiseren met DIV's. Het voorbeeld is met tables:

http://odin.ikwileenwebsite.nl/docent/ (IE only!)

In de search had ik een mooi voorbeeld gevonden van een centreer methode in CSS voor div's:
http://erik.kabel.utwente.nl/got/test9.html

Maar het probleem voor mij, ik heb 3 witte Div blokken. Die middelste kan ik plaatsen op de bovenstaande methode maar hoe plaats ik die linker en rechter ernaast met 1 pixel ruimte ertussen? Width 33% / 33% /33% plakt ze namelijk aan elkaar. Het is niet mogelijk om met vaste afmetingen te werken gezien het binnen elke resolutie (800x600/1024xetc) hetzelfde eruit moet zien. De hoogte van de blokken is statisch: 325px.

[ Voor 5% gewijzigd door Anoniem: 116095 op 13-11-2004 16:36 ]

[iain]

er is hier een probleem... horizontaal centreren gaat wel, maar vertical centreren wordt lastiger. Dat laatste heb ik zelf eerlijk gezegd ook nooit gedaan, maar ik wel een truukje om horizontaal te centreren. Dat is door deze css:

Cascading Stylesheet:

body {
    margin: auto;
}
div#gekkeNaam {
    width: 800px;
}

Belangrijk is dus dat je de div een absolute breedte moet geven.

Bij verticaal zit je met het probleem dat je officieel geen relatieve hoogte mag opgeven aan een element. Een oplossing zou kunnen zijn een tabel (jakkiebah, ik weet het). In een td is standaard verticaal gecentreerd...

[Wolfboy]

omg een topic van 4 jaar oud kicken?

Btw kijk hier maar eventjes

[Anoniem: 116095]

Bedankt voor de reply's! Het centreren is ook niet echt het probleem. Dat lukt wel met een CSS voor het middelste blok.

Maar zoals in m'n voorbeeld getoond zijn het 3 div blokken met 1 pixel ertussen. Zover ik kan zien lijkt het technisch niet mogelijk met een CSS. Toch gek als je met een Table meer zou kunnen dan met Div's?

[crisp]

woei, prehistorie \o/