Layout ook netjes bij andere resolutie...

[Verwijderd]

Hallo,

Ik werk d.m.v. divjes in me webdesign en zit ik met een probleempje :

Ik wil namelijk dat me layout in 1024x768 netjes in het midden wordt weergeven en dat is in 800x600 de pagina over de volle lengte laat zien.
Zou iemand mij kunnen vertellen hoe ik dit zo kan brengen, is er misschien een artikel over ofzoiets?

Greets

[TwoR]

je kan doormiddel van CSS op de volgende manier je pagina in het midden zetten

code:

#container {
    margin-left: -400px; 
    margin-top: 0px;
    position: absolute;
    left: 50%;
    width: 800px;
    top: 0px;
    bottom: 0px;
    background-color: #ffffff;
    visibility: visible;
    }

Verder is dit redelijk basic en ook wel te vinden hie @ GoT en op bijvoorbeeld w3schools, google en ongeveer elk CSS tutorial.

[ Voor 20% gewijzigd door TwoR op 07-06-2005 09:06 ]

[Verwijderd]

Blijft alles dan wel netjes staan bij 1024x768 want meestal als het bij 1024x768 netjes staat dan is alles verschoven bij 800x600?

[TwoR]

Verwijderd schreef op dinsdag 07 juni 2005 @ 09:07:
Blijft alles dan wel netjes staan bij 1024x768 want meestal als het bij 1024x768 netjes staat dan is alles verschoven bij 800x600?

Waarom zou ik het anders zeggen.

Probeer het eens zou ik zeggen dan weet je precies of en hoe het werkt.

Zoeken naar css, layer, center op GoT

[ Voor 46% gewijzigd door TwoR op 07-06-2005 09:10 ]

[samo]

TwoR schreef op dinsdag 07 juni 2005 @ 09:05:
je kan doormiddel van CSS op de volgende manier je pagina in het midden zetten

code:

#container {
    margin-left: -400px; 
    margin-top: 0px;
    position: absolute;
    left: 50%;
    width: 800px;
    top: 0px;
    bottom: 0px;
    background-color: #ffffff;
    visibility: visible;
    }

Verder is dit redelijk basic en ook wel te vinden hie @ GoT en op bijvoorbeeld w3schools, google en ongeveer elk CSS tutorial.

Of simpeler

code:

#container {
  width : 560px;
  margin : 0 auto;
}

[_Brake_]

Met midden, bedoel je dan zowel horizontaal als verticaal centreren?

Dan heb ik ook nog wel leuke CSS code voor je. Diegene die hier op het forum rond gaat, lijkt alleen IE compatible te zijn. De mijne (nou ja...) is ook FireFox / Opera compatible!

[TwoR]

hier stond crap.

[ Voor 99% gewijzigd door TwoR op 07-06-2005 09:27 ]

[Verwijderd]

_Brake_ schreef op dinsdag 07 juni 2005 @ 09:18:
Met midden, bedoel je dan zowel horizontaal als verticaal centreren?

Dan heb ik ook nog wel leuke CSS code voor je. Diegene die hier op het forum rond gaat, lijkt alleen IE compatible te zijn. De mijne (nou ja...) is ook FireFox / Opera compatible!

Zou je me deze code misschien kunnen geven want wil natuurlijk dat ie voor veel browsers compitable is...

[Garyu]

TwoR schreef op dinsdag 07 juni 2005 @ 09:05:
je kan doormiddel van CSS op de volgende manier je pagina in het midden zetten

code:

#container {
    margin-left: -400px; 
    margin-top: 0px;
    position: absolute;
    left: 50%;
    width: 800px;
    top: 0px;
    bottom: 0px;
    background-color: #ffffff;
    visibility: visible;
    }

Verder is dit redelijk basic en ook wel te vinden hie @ GoT en op bijvoorbeeld w3schools, google en ongeveer elk CSS tutorial.

Deze CSS is absoluut NIET gebruikersvriendelijk vind ik. Wat gebeurt er namelijk als een gebruik zijn scherm niet gemaximaliseerd heeft? Er valt content van het scherm, die niet terug te vinden is, want een scrollbalk wordt er niet bij gemaakt .

[Verwijderd]

Ow dat het content erbuiten valt is minder, heeft iemand dan een goede code om het netjes te zetten?
Ik zit ook een beetje op die forum te zoeken :D!

[Verwijderd]

beetje zoeken kan toch ook wel, bijvoorbeeld een willekeurige pagina waar de boel zo is als je wilt?
of google

[Pelle]

Ga CSS leren. Dit is allemaal net iets te basic voor W&G