[CSS] DIV onderaan - Softwareontwikkeling

woensdag 28 juni 2006 16:27

Acties:

Topicstarter

de layout van een website waar ik mee bezig ben is helemaal gemaakt in css.
Nu heb ik daarvoor de volgende layout:

code:

<body>
<div id="main">
    <div id="title">title</div>
        <div id="menu">menu</div>
        <div id="mainpage">mainpage</div>
        <div id="nieuwsflits">nieuwsflits</div>
    <div id="bottom">Gewijzigd op: 27 juni 2006</div>
</div>

</body>

met de volgende css

code:

body {
    background-color: #9fa2a3;
    margin: 20px 0px 0px 0px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #767778;
}

#main {
    border: 1px;
    border-style: solid;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
    width: 870px;
    height: 600px;
}

#title {
    background-color: ff8d40;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 36px;
    color: #FFFFFF;
}

#menu {
    font-size: 24px;
    float: left;
}

#mainpage {
    float: left;
}

#nieuwsflits {
    font-size: 18px;
    float: right;
}

#bottom {
    background-color: #767778;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #d4d9dd;
    text-align: left;
}

echter krijg ik de "bottom" DIV niet op de onderkant van de "main" DIV.
Het lukt me wel om he op de onderkant van de pagina te zetten maar dat wil ik niet.

position: absolute
bottom: 0px;

werken dus niet, hiermee krijg ik hem dus helemaal onderaan de pagina ipv onderaan de DIV
Wie weet een oplossing

woensdag 28 juni 2006 16:28

Acties:

user109731

Cascading Stylesheet:

1	#main { position:relative; }

woensdag 28 juni 2006 16:46

Acties:

KoBolD54

Topicstarter

het werkt, geweldig!
Nu heb ik nog een vraagje, ik probeer de "main" DIV in het midden te krijgen.
Hiervoor gebruik ik: text-align: center
In dreamweaver doet hij het wel maar in safari niet, hoe komt dat?

[ Voor 132% gewijzigd door KoBolD54 op 28-06-2006 16:52 ]

woensdag 28 juni 2006 17:01

Acties: