css classes

het lukt me maar niet op de divs te centreren. in een ander topic stond het maar dat doet het niet.

mijn script:

Spoiler tonen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
    background-color: #FFF;
}

#main {
    position:relative;
    margin:auto;
}
#header {
    height:150px;
    width:900px;
    background-color:#000;
    background-image:url(images/header.png);
    
}
</style>
</head>

<body>
<div id="main">
<div id="header"></div>
</div>

</body>
</html>

alvast bedankt

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
    background-color: #FFF;
}

#main {
    position:relative;
    margin:auto;
}
#header {
    height:150px;
    width:900px;
    background-color:#000;
    background-image:url(images/header.png);
    position:relative;
}
</style>
</head>

<body>
<div id="main">
<div id="header"></div>
</div>

</body>
</html>

Zo bedoel je? Zou goed moeten zijn, en ander probeer je ff met margin-right en maring-left.

Het is toch gewoon
ofzoiets?

nee hij doet het niet. dat dacht ik namelijk ook al

Freestyle schreef:

nee hij doet het niet. dat dacht ik namelijk ook al

werkt ook wel

margin: 0 auto;





Untitled Document

je moet je #main ook een width meegeven. Nu wordt het gezien als 100% dus niet gecentreerd.

En waarom gebruik je position? waar dient dit voor?

moet ik witdh dan 100% doen of 1200px bijvoorbeeld?

die andere doen het ook niet.

#main {
width : 1000px;
margin-left : auto;
margin-right : auto;

}

het is gelukt bedanktbij dreamweaver ging hij niet in het midden staan in me browser wel

Freestyle schreef:

moet ik witdh dan 100% doen of 1200px bijvoorbeeld?

die andere doen het ook niet.
ik zie dat het al werkt maar je moet het dezelfde width meegeven als de breedte van je layout, in jou geval dus 900px

ik heb nu dit: rugby.s2.one2xs.com
(hij is nog niet af!)

oeh, felle kleuren zeg Maar ik zou die height:800px; uit je #main halen en vervangen door overflow: hidden; als je er eenmaal content in heb staan

Marjolein schreef:

oeh, felle kleuren zeg

Maar ik zou die height:800px; uit je #main halen en vervangen door overflow: hidden; als je er eenmaal content in heb staan
ja ik dacht ook al aan zo iets. maar dit vind ik nu nog makkelijker werkenen die kleuren (navigatie, content, footer) passen goed bij elkaar he

waarom overflow: hidden?

Waarom niet de hoogte automatisch laten bepalen door

height: auto;

Hiermee heb je geen omkijken naar de grootte van je content..