CSS 2 links en rechts divs met Midden rekken - Softwareontwikkeling

dinsdag 4 oktober 2005 01:34

Acties:

I am the one

Topicstarter

Ik kom er niet uit, het lukt mij maar niet om de rechtere div en linkere div met de midden div uit te laten rekken. Normaal gesproken lukt het mij wel dit soort problemen op te lossen, maar op het moment kom ik er niet uit. Heb al weer tal van tutorials doorgenomen maar het heeft niet tot een antwoord mogen leiden.

Ik heb 3 divs naast elkaar LINKS / MIDDEN / RECHTS , nu wil ik dat de achtergrond afbeelding (dat ik nu in de css even verandert heb naar de kleur rood) met MIDDEN automatisch meerekt.

Ik hoop dat iemand mij kan vertellen wat ik precies fout doe en hoe ik het snel en gemakkelijk zonder tabelen kan oplossen.

HTML:

<body>
<div align="center">
<div class="layout">
    <div class="layoutlinks">&nbsp;</div>
    <div class="layoutmidden">
        Mijn mooi stuk tekst <br />
        jaja        Mijn mooi stuk tekst <br />
        jaja        Mijn mooi stuk tekst <br />
        jaja        Mijn mooi stuk tekst <br />
        jaja        Mijn mooi stuk tekst <br />
        jaja        Mijn mooi stuk tekst <br />
        jaja        Mijn mooi stuk tekst <br />
        jaja        Mijn mooi stuk tekst <br />
        jaja
    
    </div>
    <div class="layoutrechts">&nbsp;</div>
</div>
</div>
</body>
</html>

Cascading Stylesheet:

body {
    margin:0px;
    padding:0px;
    background-color: #EFEFEF;
}

div.layout {
    width:730px;
    display:block;
    background-color:#FFFFFF;
}
div.layoutlinks {
    width:4px;
    float:left;
    display:inline;
    background-color:#FF0000;
    background-repeat:repeat;
    background-position:left;
}
div.layoutmidden {
    float:left;
    display:inline;
    width:722px;
    background-color:#FFFFFF;
    text-align:left;
    
}
div.layoutrechts {
    width:4px;
    height:100%;
    float:left;
    display:inline;
    background-color:#FF0000;
    background-repeat:repeat;
    background-position:left;
}

[ Voor 9% gewijzigd door aex351 op 04-10-2005 01:35 ]

< dit stukje webruimte is te huur >

dinsdag 4 oktober 2005 01:40

Acties:

disjfa

be

Is dit niet gewoon weer een probleempje kwa faux columns

Of gewoon een border van 4 px meegeven...

[ Voor 17% gewijzigd door disjfa op 04-10-2005 01:43 ]

disjfa - disj·fa (meneer)
disjfa.nl

dinsdag 4 oktober 2005 01:45

Acties:

aex351

I am the one

Topicstarter

disjfa schreef op dinsdag 04 oktober 2005 @ 01:40:
Is dit niet gewoon weer een probleempje kwa faux columns

Of gewoon een border van 4 px meegeven...

Een border van 4px ? het is niet de breedte, het gaat erop dat LINKS en RECHTS ten allen tijden even groot is als MIDDEN qua hoogte.

< dit stukje webruimte is te huur >

dinsdag 4 oktober 2005 01:48

Acties:

disjfa

be

aex351 schreef op dinsdag 04 oktober 2005 @ 01:45:
[...]
Een border van 4px ? het is niet de breedte, het gaat erop dat LINKS en RECHTS ten allen tijden even groot is als MIDDEN qua hoogte.

Zoals in je voorbeeld gaat het om een rand. Als het erom gaat om de achtergrond hetzelfde te laten zijn op gelijke hoogte is mijn eerste gedachte een goed uitgangspunt.

disjfa - disj·fa (meneer)
disjfa.nl

dinsdag 4 oktober 2005 01:51

Acties:

aex351

I am the one

Topicstarter

disjfa schreef op dinsdag 04 oktober 2005 @ 01:48:
[...]

Zoals in je voorbeeld gaat het om een rand. Als het erom gaat om de achtergrond hetzelfde te laten zijn op gelijke hoogte is mijn eerste gedachte een goed uitgangspunt.

Ik heb het eens even geprobeert wat er op die website stond dat je mij gaf, maar het wil niet werken. Mogelijk dat je aan de hand van een voorbeeld met mijn bovenstaande code wel kan laten zien hoe het moet, mits je de oplossing hebt?

[ Voor 15% gewijzigd door aex351 op 04-10-2005 01:51 ]

< dit stukje webruimte is te huur >

dinsdag 4 oktober 2005 09:52

Acties:

Savantas

Zoek anders eens op faux columns hier op GOT, dan heb je info zat. Dit komt ongeveer eens per dag langs.
Of lees even aandachtig nog een keer. Difsja heeft een punt, hier

(Kijk anders eens op CSSzengarden.com, zijn ook voorbeelden te vinden, met meer grafische CSS foefjes)
Leg anders even wat nader uit wat je met de linker en rechtergedeeltes wil.

[ Voor 55% gewijzigd door Savantas op 04-10-2005 09:57 ]

Ik denk niet zwart-wit, ik denk diapositief! ( ͡° ͜ʖ ͡°)