css

Door Erik Rijk op 07-03-2006 10:48

425 views

ik heb een vraagje over positionering.
als ik de volgende class maak:

.container
(
position: absolute;
left: 150px;
right: 150px;
width: 100%;
)

verwacht ik dat het 150 pixels rechts en links naar binnen komt. maar dat is niet het geval :(
hoe zorg ik dmv van css dat ik een div precies in het midden van mijn scherm krijg?
float kent geen center volgens mij.

Mvg,

Erik

- wes -

07-03-2006 11:00

{

} ook

Willem Jan Z

07-03-2006 11:02 gewijzigd op 07-03-2006 11:03

margin: 0px auto;
En position relative

Erik Rijk

07-03-2006 11:03

ja ook dat ja :P
dit typte ik snel hier
omdat ik op m'n programmeer pc'tje geen inet op aangesloten heb.

Erik Rijk

07-03-2006 11:07

@ Willem

Bedankt :)

Jan Koehoorn

07-03-2006 11:12

Willem-Jan schreef op 07.03.2006 11:02
margin: 0px auto;
En position relative

of, als je geen position relative wilt gebruiken kun je hem ook een width geven:

margin: 0px auto;
width: 800px; /* of een percentage voor een liquid lay-out */

Erik Rijk

07-03-2006 11:14

margin: 10px 100px 10px 100px auto;
position relative;

zo heb ik het gedaan

Willem Jan Z

07-03-2006 11:19

Zo bedoelde ik het niet, maar als het werkt vind ik het best :)

Erik Rijk

07-03-2006 11:20

margin 0px is voor alle randen.
nu heb ik elke rand verschillend
en dat wilde ik :)
en ja het werkt

Jan Koehoorn

07-03-2006 11:26

@Erik: dat is wonderlijk, want volgens mij mag je maximaal vier waarden opgeven bij margin, en jij hebt nu: margin: 10px 100px 10px 100px auto;

Als je boven en onder margin 10px wilt en links en rechts 100px, kan het ook zo:

margin: 10px 100px;

Erik Rijk

07-03-2006 12:13

Ik had 2 regels extra met hetzelfde resultaat :P

bedankt jan

Reageren

Inloggen om te reageren