Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

.maindiv { height: 300px or greater; }

SNY

Startad av SNY,
i Webbutveckling

Rekommendera Poster

SNY

SNY

Postad
Postad

Rubriken förklarar nog ganska bra vad jag är ute efter. Jag håller på å gör en site som bygger på en två kollumns design. En menykolumn till vänster och en mainkollumn till höger. Menyn är 300px. Main kommer vara dynamisk. Jag vill att maindiven sträcker sig ner till menyns slut eller längre.

Mainens bakgrund är annan än resten av sidans, så det är därför jag behöver sträcka ut den...

 

 

Nån som har nån bra lösning? Jag har fått huvudvärk flera gånger om nu, men inte kommit på nåt... :(

 

Länk till kommentar
Dela på andra webbplatser
gacki

gacki

Postad
Postad

är inte helt säker på att det är detta du är ute efter, men på din maindiv kan du ju göra en bakgrundsbild. (Den upprepar sig ju hela längden ner på sidan).

 

Länk till kommentar
Dela på andra webbplatser
lizardKng

lizardKng

Postad
Postad

Kom just att tänka på ett sätt som skulle kunna funka.

 

Lägg menykolumnen _inuti_ mainkolumnen och sätt menykolumnen till "float:left". Då borde mainkolumnen alltid vara minst lika stor som menykolumnen?

 

[Edit] Vid närmare eftertanke kanske det inte blir så bra :)

[inlägget ändrat 2005-01-05 16:26:55 av lizardKng]

Länk till kommentar
Dela på andra webbplatser
lizardKng

lizardKng

Postad
Postad

Här är ett sätt, men det bygger på tabeller:

 

[log]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">

<title>Test</title>

<style type="text/css">

.menykolumn {height:30px; background-color:yellow}

.mainkolumn {background-color:cyan}

</style>

</head>

<body>

 

<table cellspacing="0" cellpadding="0">

<tr>

<td class="menykolumn">Menykolumn<br>

768<br>

hki

</td>

<td class="mainkolumn" rowspan="2">

Mainkolumn

</td>

</tr>

<tr>

<td style="height:0px"></td>

</tr>

</table>

 

<p></p>

 

<table cellspacing="0">

<tr>

<td class="menykolumn">Menykolumn<br>

768<br>

hki

</td>

<td class="mainkolumn" rowspan="2">

Mainkolumn<br>

huih<br>

hyuihyui<br>

hyuihyui<br>

gtyugt<br>

yui

</td>

</tr>

<tr>

<td></td>

</tr>

</table>

 

</body>

</html>[/log]

 

Länk till kommentar
Dela på andra webbplatser
Cluster

Cluster

Postad
Postad

Man får göra en liten workaround för att få det att fungera både i IE och FF/Opera...

 

.maindiv  {
height: 300px; /*min height för IE*/
min-height: 300px; /*min height som IE ignorerar*/
}

*>.maindiv  {
height: auto; /*för att expandera min height, IE ignorerar*/
}

 

/Cluster

----------------------------------------------------

"Den som försummar att dricka ur erfarenhetens källa

kommer troligen att dö av törst i okunnighetens öken."

-----> http://unic.serveftp.com/eforum <-----

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...