Centreren Webpagina incl. afbeeldingen in layers

[FelixVictor]

Hallo,
Ik heb een Website gemaakt en dat is prima gelukt. Het enige is dat ik de Website horizontaal wil centreren, zodat de pagina altijd in het midden staat ongeacht de schermgrootte en resolutie.

Ik heb daarvoor de volgende tags gebruikt:
Na de body-tag:
<div ide="container">
<div align="center">
en gesloten na de body-tag.

Kijk ik dan wat het resultaat is, dan is de pagina prima gecentreerd me uitzondering van de afbeeldingen die ik in layers heb geplaats. Die blijven op hun originele plaats staan.
Wat kan ik hieraan doen?

FelicVictor

 

[talmanneke]

Kun je niet meteen na je body een <center> geven, dan vervolgens onderaan de pagina een </center> zo doe ik het meestal met iframes.

 

[peter vazed]

Dan heb je je plaaatjes een absolute positie gegeven.
Moet relatief zijn.

 

[FelixVictor]

Als ik de layer een relative position geef, dan wordt het helemaal een puinhoop.
Ik ben er dus nog niet uit.
Ga maar eens verder met proberen.
In ieder geval bedankt!

FelixVictor

 

[peter vazed]

<img source="plaatje.jpg; style="float:left;">

googel:
float
clear:both
http://www.google.nl/search?hl=nl&c...+css+clear:both&btnG=Zoeken&meta=cr=countryNL

 

[FelixVictor]

Centreren volledige pagina incl. alle inhoud

<img source="plaatje.jpg; style="float:left;">

googel:
float
clear:both
http://www.google.nl/search?hl=nl&c...+css+clear:both&btnG=Zoeken&meta=cr=countryNL

Ik ben nog niet zo ervaren en misschien is het niet zo gebruikelijk, maar ik werk met tabellen en met layers.
In die layers plaats ik dan weer een afbeelding. En die kan ik op elke plek in de pagina plaatsen. Dat is minder statisch dan in een strakke tabel.
"img source en style float" werkt met een afbeelding. Helaas werkt dit dus niet in mijn geval. Ik heb al van alles geprobeerd. Als dit niet oplosbaar is, dan ga ik de layers maar verwijderen en plaats de afbeelding maar in een tabel.

In ieder geval bedankt! En ook bedankt voor de link naar "HandleidingenHTML".

Groeten,
FelixVictor

 

[peter vazed]

In die layers plaats ik dan weer een afbeelding. En die kan ik op elke plek in de pagina plaatsen. Dat is minder statisch dan in een strakke tabel.

Ja, ja............
maar
bekijk dan je pagina eens in IE en FF
en ook bij iemand anders met een groter of kleiner scherm.

Welke editor gebruik je?




///edit

en werp je pagina bij tijds in de
validator:
http://validator.w3.org/
voorkomt vroegtijdig problemen..

 

[joanne]

Dit iets?

#maincontainer{
width: 840px; /* breedte container */
margin: 0 auto; /*dit is wel mooi, precies in het midden */
}

Na bodytag dan <div id="container">tekst etc.</div>

Zou ik voor die 840px ook procenten kunnen ingeven? Heb me wel eens laten vertellen dat op die manier inhoud op welk scherm dan ook goed getoond wordt.

 

[aaajeetee]

margin: 0px auto; werkt enkel in FireFox. Voor IE zal er dan nog een "text-align: center;" bij moeten.

Edit: de text-align moet in de div / object waarin de gecentreerde tekst komt te staan.
De margin moet in het element wat daar weer boven zit (om dus de div met de tekst in het midden te zetten).

 

[defietser]

FelixVictor,
Dit is de hoofd container die wordt in midden van de body geplaatst door:
dit in je css

#container{
margin-left: auto;
margin-right:auto;
}

Dan zorgen dat al je andere layers(divs) in de hoofdcontainer komen te staan.
Rekening houdend met de margins, paddings en borders sommige browsers gaan daar verschillend mee om in het optellen.
suc6