Alle layers in 1 layer gecentreerd hebben

[freebee666]

Ik heb van alles geprobeerd, gezocht, aangedragen oplossingen uitgeprobeerd, maar niets wat werkt.

Het is als volgt.

Ik heb deze layout:


Elke window en button die te zien is, staat in een aparte layer.

De layers zijn allemaal opgebouwd op de manier die in dit topic aangedragen wordt in de 1e reply na de post van de topicstarter.
Die verwijst naar deze website waar ze de voorbeelden geven hoe layers te maken via CSS.
Daarin krijgt elke layer een absolute positie.
Dat werkt volledig, alleen omdat er meer dan 3 layers naast elkaar staan, krijg ik ze niet gecentreerd.

Nou wil ik 1 layer om alle layers heen hebben, die layer wordt dan in het midden geplaatst, zodat het gehaal netjes in het midden van de pagina gecentreerd wordt.

Als iemand mij een oplossing aan kan dragen of in de goeie richting kan wijzen die al die layers wel netjes centreert, dan ben ik die persoon uitermate dankbaar, want ik zit met mijn handen in het haar van frustratie

[BCC]

Zoiets in je CSS:

code:

.page
{
    display: block;
    width: 760px;
    position: absolute;
    left: 50%;
    margin-left: -380px;
    background-color: #FFFFFF;
}

en zoiets in je html

code:

<div class="page">

Jouw zut

</div>

Werkt al tijden prima op www.motoporthengelo.nl

Ps. dit staat ook in het door jouw aangestipte topic als #wrapper...

[ Voor 60% gewijzigd door BCC op 09-08-2004 22:19 ]

[freebee666]

Aaaaaahhhhh geweldig

Vaag dat ik dat net niet werkende kreeg, zal wel een typo gemaakt hebben

Hardstikke bedankt

[crisp]

voor centreren gebruik ik liever text-align:center; ism margin: 0 auto;

[ Voor 7% gewijzigd door crisp op 09-08-2004 22:21 ]

[BCC]

Eeh, je bent toch geen tekst aan het alignen?

[BtM909]

BCC schreef op 09 augustus 2004 @ 22:25:
Eeh, je bent toch geen tekst aan het alignen?

nee, maar wel de inhoud van je div

[BCC]

Juist, dus dan is het toch netter om de door mij aangedragen oplossing te gebruiken? Aangezien de inhoud iets anders is dan tekst...

[ Voor 23% gewijzigd door BCC op 09-08-2004 22:34 ]

[Verwijderd]

BCC schreef op 09 augustus 2004 @ 22:25:
Eeh, je bent toch geen tekst aan het alignen?

nee, maar margin: auto; werkt weer niet in IE en text-align center; op de een of andere manier weer wel, vandaar dat die erbij staat. De beste oplossing is gewoon margin: auto;

[crisp]

BCC schreef op 09 augustus 2004 @ 22:33:
Juist, dus dan is het toch netter om de door mij aangedragen oplossing te gebruiken? Aangezien de inhoud iets anders is dan tekst...

Maak je venster met jouw oplossing eens minder breed dan 760 pixels; toch lastig dat je dan geen horizontale scrollbar krijgt nietwaar?
Daarbij kunnen oudere (maar nog zo heel oude) versies van Konqueror en Safari er niet zo goed mee overweg.

[BCC]

That's like.. your opinion man :)!

[crisp]

BCC schreef op 09 augustus 2004 @ 22:58:
That's like.. your opinion man :)!

nee, meer een ervaringsfeit

[BCC]

crisp schreef op 09 augustus 2004 @ 22:57:
[...]

Maak je venster met jouw oplossing eens minder breed dan 760 pixels; toch lastig dat je dan geen horizontale scrollbar krijgt nietwaar?
Daarbij kunnen oudere (maar nog zo heel oude) versies van Konqueror en Safari er niet zo goed mee overweg.

Kijk daar heb ik wat meer aan.. Maar ja.. ik ben helaas niet <800x600 compatible

[Verwijderd]

BCC schreef op 09 augustus 2004 @ 22:58:
That's like.. your opinion man :)!

offtopic:
big lebowski :D:D

maar er zijn nog steeds veel mensen die op 800 breed surfen, omdat die regellengte gewoon lekker leest of omdat er dan 2 schermen handig naast elkaar passen (op 1600)

[BCC]

Verwijderd schreef op 09 augustus 2004 @ 23:12:
[...]

offtopic:
big lebowski :D:D

maar er zijn nog steeds veel mensen die op 800 breed surfen, omdat die regellengte gewoon lekker leest of omdat er dan 2 schermen handig naast elkaar passen (op 1600)

Daarom is de site ook 760 breed Enneh.. bij mij komt er prima een scrollbar (zowel in IE als FireFox... dus...

[ Voor 11% gewijzigd door BCC op 09-08-2004 23:21 ]

[freebee666]

En gelukkig ziet de website er op 800x600 perfect uit zoals ie eruit moet zien, want daar is ie op ontworpen
Mensen met kleine resoluties hebben dan gewoon pech, moeten ze maar niet op zo'n trieste resolutie zitten

[JeromeB]

freebee666 schreef op 09 augustus 2004 @ 23:39:
En gelukkig ziet de website er op 800x600 perfect uit zoals ie eruit moet zien, want daar is ie op ontworpen
Mensen met kleine resoluties hebben dan gewoon pech, moeten ze maar niet op zo'n trieste resolutie zitten

leuk en gebruiksvriendelijk ben je dan.

BCC schreef op 09 augustus 2004 @ 23:15:
[...]

Daarom is de site ook 760 breed Enneh.. bij mij komt er prima een scrollbar (zowel in IE als FireFox... dus...

Alleen kun je daar dus niet 'volledig' mee scrollen en dat kan dus wel met de manier die crisp net postte.

[ Voor 2% gewijzigd door JeromeB op 10-08-2004 01:20 . Reden: spellingsfoutje ofzo ]

[freebee666]

JeromeB schreef op 10 augustus 2004 @ 01:19:
leuk en gebruiksvriendelijk ben je dan.

Weet je hoe klein 640x480 is ?
Praktisch geen enkele site ziet er lekker uit op 640x480
Hijs ontworpen op 800x600 en ziet er goed uit op alles daarboven, iets kleiner kan die ook nog aan, maar ik ga niet meer ontwerpen voor 640x480.

De 0,000004% die daar op werkt heeft dan lekker pech.

ps: als ik zeg, ontworpen op 800x600, als je m op 640x480 bekijkt, blijft de layout hetzelfde, je zal dan wel alleen naar rechts moeten scrollen.

[ Voor 16% gewijzigd door freebee666 op 11-08-2004 03:28 ]