Like lange parallelle DIVs

[Mads-b]

Jeg jobber med en bildeløs side og har støtt på følgende problem: Jeg skal ha en på siden av containerboksen. Disse skal være like lange og containeren er selvfølgelig "strekkbar" Jeg har tittet innom faux columns men den var visst avhendig av et bilde. Noen med en god løsning på et klassisk problem?

 

EDIT: Satt i mine egne tanker nå.. Jeg skal he en meny på siden av containerboksen..

Endret 3. januar 2005 av MBaardsgaard

[Marvil]

"Jeg ska ha en på siden av containerboksen."

 

Hva skal du ha på siden av containerboksen..?

Pornografi? Reklame? Tekst?

[Haraldson]

Faux Columns er den beste (og eneste) metoden, og det at det inkluderer bruken av et bilde er ikke dumt, om du trodde det.

[Marvil]

Wtf?

 

Dobbeltpost 7mins etterpå. Bra.

Endret 3. januar 2005 av Marvil

[LoS]

Faux Columns er den beste (og eneste) metoden, og det at det inkluderer bruken av et bilde er ikke dumt, om du trodde det.

Akkurat det er jeg ikke helt sikker på at er eneste måten å gjøre det på, har selv gjort det på to forskjellige sider, og det funker bra, men du jukser jo som bare det, da

 

Kan hive ut noe greier senere, har det ikke i hodet akkurat nå.

[Mads-b]

hm..da må jeg vel bare ty til det og bryte 5kb grensen da.. Men da har jeg bekreftet det! så slipper jeg å lure neste gang

 

EDIT: <vente på LoS>

Endret 3. januar 2005 av MBaardsgaard

[LoS]

Nå ble jeg nysgjerrig her, er containeren strekkbar i bredden, eller i høyden?

For hvis den er strekkbare i bredden så vil det alle mest sannsynlig ikke funke.

[Mads-b]

Det er jo veldig opp til meg nå om jeg vil ha siden statisk eller ikke.. Men mest sannsynlig blir den med en fast bredde..

 

EDIT: Takk LoS! den fungerte sånn halvveis. Mekka litt på den og den funker relativt bra

Endret 4. januar 2005 av MBaardsgaard

[LoS]

Ok, skal vi se. Det her er jo faktiskt ett godt eksempel på at tabellkoden blir mindre

Her vil jeg da satse på at menyen er nesten helt statisk i høyden.

<div id="wrap">
<div id="menu">
Her er venstresiden
</div>
<div id="content">
Her er høyresiden.
</div>
</div>

CSS

#wrap
{
background-color: #CCC;
border: solid 1px #000;
width: 800px;
}
#menu
{
float: left;
width: 150px;
}
#content
{
background-color: #EEE;
border-left: solid 1px #000;
height: auto !important; /* IE hack */
height: 500px /* vi sier at menyen er ca. 500px lang på det lengste*/
min-height: 500px; /*samme som over */
float: right;
width: 650px;
}

Er ikke helt 100% sikker på det funker nå, men det skal i teorien gjøre det ihvertfall

Med mindre du ønsker ett mellomrom mellom menyen og innholds-boksen, da kan det hende det må litt mer triksing til.

 

edit: hvis menyen skal være høyrestilt så er det bare å bytte float: sidene i css'n og flytte menu diven under content

Endret 4. januar 2005 av LoS