eerder topic   volgend topic
  
positie van layers
27 januari 2007 - 16:33   
geplaatst door: NicoB
Is het mogelijk om een layer in het midden van een pagina te laten staan?  Wanneer je het venster vergroot/verkleint de layer in het midden bijft staan.  Dus niet een vast aantal pixels van de rand af. Tabellen kunnen dat wel natuurlijk maar dat is dus niet wat ik wil.  Ik gebruik Golive en tips zijn van harte welkom. javascript:emoticon(':smile:')

(Bewerkt door NicoB om 16:39, 27-01-2007)

Een Mac sinds 1993.
positie van layers
27 januari 2007 - 16:38    reactie #1
geplaatst door: Kapotlood
Het kan zelfs zéker weten ;)

Zet dit in de CSS;

Code: [Selecteer]
body {
text-align: center;
margin: 0 auto;
padding: 0;
}

En dan een wrapper met bijvoorbeeld een vaste breedte, die door de bovenstaande
code in het midden blijft staan;

Code: [Selecteer]
#wrapper {
text-align: left;
width: 800px;
background-color: #2e2e2e;
}

Als je dan je site binnen deze "wrapper" zet, dan staat alles netjes in het midden.
Dat komt omdat je in je body aangeeft dat álles in het midden moet staan. In je
wrapper geef je dan aan dat de text-align "links" moet zijn, zodat binnen in je wrapper
alles verder weer linkslijnend staat... zoals tekst bijvoorbeeld ;)

positie van layers
27 januari 2007 - 17:17    reactie #2
geplaatst door: NicoB
Joram, soms heb je gewoon ff een zetje nodig in de goede richting. Bedankt!
Een Mac sinds 1993.
positie van layers
27 januari 2007 - 20:05    reactie #3
geplaatst door: Kapotlood
Graag gedaan Nico :D
positie van layers
28 januari 2007 - 22:01    reactie #4
geplaatst door: Ward
Klein opmerkingkje... je mag niet vergeten een min-width in te stellen voor je body element anders ga je problemen krijgen met Mozilla/Netscape wanneer het browser venster te klein is.
[+]  
  •    [+]  
positie van layers
29 januari 2007 - 10:02    reactie #5
geplaatst door: Kapotlood
Echt waar? Ik heb daar nog nooit problemen mee gehad :blink:
Ik geef in de "wrapper" een "width" aan, en in elke browser die
ik tot nu toe heb getest werkt dit prima (Firefox, Safari, IE6/7 o.a.).

Welke browser bedoel jij dan?

positie van layers
29 januari 2007 - 11:29    reactie #6
geplaatst door: NicoB

Citaat

Zet dit in de CSS;
Code: [Selecteer]
body {
text-align: center;
margin: 0 auto;
padding: 0;
}

En dan een wrapper met bijvoorbeeld een vaste breedte, die door de bovenstaande
code in het midden blijft staan;

Code: [Selecteer]
#wrapper {
text-align: left;
width: 800px;
background-color: #2e2e2e;
}

Als je dan je site binnen deze "wrapper" zet, dan staat alles netjes in het midden.
Dat komt omdat je in je body aangeeft dat álles in het midden moet staan. In je
wrapper geef je dan aan dat de text-align "links" moet zijn, zodat binnen in je wrapper
alles verder weer linkslijnend staat... zoals tekst bijvoorbeeld ;)

Enne ... werkt dit ook met 'floating' layers die geen tekst maar een plaatje bevatten? javascript:emoticon(':reading:')

Een Mac sinds 1993.
  
eerder topic   volgend topic