[HTML + css] complex css probleempje

[Verwijderd]

Hoi,

ik zit met een css probleempje en kom er niet uit.
ik heb 2 div's gefloat naast elkaar. Ze moeten ten alle tijde even lang zijn als elkaar maar als de ene langer wordt, moet de andere ook even langer worden. En dit moet ook nog ns werken in IE en firefox.

Dit heb ik al (maar krijg het niet werkende):

Cascading Stylesheet:

#main {
    border:1px solid green;
    height:300px;
}
#left {
    border:1px solid orange;
    float:left;
    width:200px;
    height:100%;
    background-color:#CCCCCC;
}
#right {
    border:1px solid lime;
    float:left;
    width:500px;
    height:100%;
    background-color:#009966;
}

HTML:

<div id="main">
    <div id="left">left</div>
    <div id="right">right</div>
</div>
<div style="clear:left;"><!-- --></div>

[ Voor 27% gewijzigd door Verwijderd op 18-05-2006 09:46 ]

[BtM909]

Moet moet moet... Waarom kijk je niet naar oplossingen ala faux columns

Overigens kan je dan met je parent div (main) allerlei opmaak truukjes uithalen, zoals laten lijken alsof beide containers even hoog zijn.

Wat voor redenen heb je, naast visuele, om de kolommen even hoog te laten lijken?

---

Overigens kan code gerust tussen [plain]

HTML:

en

Cascading Stylesheet:

[/] geplaatst worden

[ Voor 16% gewijzigd door BtM909 op 17-05-2006 16:54 ]

[Verwijderd]

BtM909 schreef op woensdag 17 mei 2006 @ 16:54:
Moet moet moet... Waarom kijk je niet naar oplossingen ala faux columns

Overigens kan je dan met je parent div (main) allerlei opmaak truukjes uithalen, zoals laten lijken alsof beide containers even hoog zijn.

Wat voor redenen heb je, naast visuele, om de kolommen even hoog te laten lijken?

---

Overigens kan code gerust tussen [plain]

HTML:

en

Cascading Stylesheet:

[/] geplaatst worden

Het is puur om visuele reden dat ik ze even hoog wil hebben, met een minimum hoogte. De faux column-oplossing kan ik niet gebruiken

[JHS]

Verwijderd schreef op donderdag 18 mei 2006 @ 09:44:
[...] Het is puur om visuele reden dat ik ze even hoog wil hebben, met een minimum hoogte. De faux column-oplossing kan ik niet gebruiken

En waarom dan wel niet ?

[Verwijderd]

Verwijderd schreef op woensdag 17 mei 2006 @ 16:46:
ik zit met een css probleempje en kom er niet uit.
ik heb 2 div's gefloat naast elkaar. Ze moeten ten alle tijde even lang zijn als elkaar maar als de ene langer wordt, moet de andere ook even langer worden. En dit moet ook nog ns werken in IE en firefox.

Het korte doch ongewenste antwoord: dat gaat je niet lukken. Faux columns is de way to go, en ik ben nog nooit een situatie tegen gekomen waarin dat geen optie was.

[Rowanov]

Verwijderd schreef op donderdag 18 mei 2006 @ 09:44:
Het is puur om visuele reden dat ik ze even hoog wil hebben, met een minimum hoogte. De faux column-oplossing kan ik niet gebruiken

Toevallig kwam er net eenzelfde probleem langs; kijk eens in dit topic: [rml][ xhtml / css] faux columns met bg image voor alle div's[/rml]

Voldoet exact aan je omschrijving; kolommen met een minimum hoogte waar je vervolgens zelf het achtergrond plaatje nog in mag plakken.