[CSS] div wil niet rechts - Softwareontwikkeling

dinsdag 3 augustus 2004 14:13

Acties:

Verwijderd

Topicstarter

hee,

Ik wil 'rightsection' naast 'leftsection' laten weergeven. maar dat lukt dus nog niet.

code van de html:

code:

    <div id="midsection">
    <div id="leftsection">dit moet links</div>
        <div id="rightsection">en deze rechts</div>
    </div>

en van de gebruikte css:

code:

#midsection {
    width:720px;
    margin: 0px;
    padding: 0px;
}

#leftsection{
    position:relative;
    left: 0px;
    width: 530px;
    background-color: #FFFFFF;
}

#rightsection{
    position:relative;
    left: 530px;
    width: 190px;
    background-color: #FDFDFB;
}

Nu is het probleem dat rightsection wel rechts staat maar er onder zit en dus níet direct naast

.

Al gedaan:
-flink lopen kloten
-www.glish.com
-www.csszengarden.com (sourcecode uitpluizen)

Het zal wel voor de hand leggen maar dit is de eerste keer dat ik een design zonder tables maak

dinsdag 3 augustus 2004 14:15

Acties:

marko77

zo uit mn hoofd:

position hoef je niet te gebruiken, gewoon float:left en right

Mijn rig

dinsdag 3 augustus 2004 14:30

Acties:

Verwijderd

Topicstarter

werkt perfect (tnx)
maar nu gaat ie over mn footer heen als er meerdere regels content in zitten?

code:

#footing {
    border-top: 1px solid #cccccc;
    background-color: #F5F2E9;
}

t zal wel weer een makkelijk iets zijn

dinsdag 3 augustus 2004 14:31

Acties:

disjfa

be

Cascading Stylesheet:

1	clear:both;

Ergens onderaan bv in een <br />

[ Voor 38% gewijzigd door disjfa op 03-08-2004 14:31 ]

disjfa - disj·fa (meneer)
disjfa.nl

dinsdag 3 augustus 2004 15:14

Acties:

faabman

disjfa schreef op 03 augustus 2004 @ 14:31:
Cascading Stylesheet:
1
clear:both;
Ergens onderaan bv in een <br />

ja, of netter, gewoon een clear:both op je footer-container toepassen...

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

dinsdag 3 augustus 2004 20:09

Acties:

Verwijderd

Topicstarter

laatste probleempje (gaat straks maar bij bol.com iets met css bestellen

)

code:

#rightsection{
    float:right;
    left: 530px;
    width: 190px;
    background-color: #FDFDFB;
    border-left: 1px solid #cccccc;

wil niet de zelfde hoogte aannemen als de #leftsection
(dat clear:both werkt perfect , tnx)

plaatje ter verduidelijking (sorry voor de layout fuck):
Afbeeldingslocatie: http://www.webfreakz.nl/upload/css%20prob.JPG