mboost-dp1

height: take the rest; ??


Gå til bund
Gravatar #1 - pstidsen
10. feb. 2012 23:38
Jeg har den her side: http://runescapenews.dk/Pstidsen/div.html Den ser fin ud, men når man fylder mere indhold i den store boks end der kan som standard så udvider den sig jo - fint nok. Problemet er bare at Venstre 2 og Højre 2 skal udvide sig tilsvarende. Hvordan? Venstre 1 og 3 samt Højre 1 og 3 skal have konstante højder. Altså skal Venstre 2 og Højre 2 have en property på height: take the rest;. Problemet er jo blot at den ikke findes ;)

Hvis i rigtig gerne vil have koden så må i godt, men den er bare lidt rodet, da jeg har prøvet tusind forskellige ting! Håber nogen kan hjælpe!
Gravatar #2 - Windcape
11. feb. 2012 07:47
display: table-cell;
Gravatar #3 - pstidsen
11. feb. 2012 11:29
Ikke rigtig nogen forskel.... Se linket igen...

HTML: 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Div tags i CSS</title>
<link rel="stylesheet" href="divstyle.css" type="text/css"/>
</head>
<body>

<!-- Hoveddiv -->
<div id="hoved">

<!-- Højre 1 -->
<div id="hojre"><div id="hojre_1">Højre 1</div>

<!-- Højre 2 -->
<div id="hojre_2">Højre 2</div>

<!-- Højre 3 -->
<div id="hojre_3">Højre 3</div>
</div>

<!-- Venstre 1 -->
<div id="venstre"><div id="venstre_1">Venstre 1</div>
<!-- Venstre 2 -->
<div id="venstre_2">Venstre2</div>
<!-- Venstre 3 -->
<div id="venstre_3">Venstre 3</div></div>

<!-- Top 1 -->
<div id="top_1">Top 1</div>
<!-- Top 2 -->
<div id="top_2">Top 2</div>
<!-- Top 3 -->
<div id="top_3">Top 3</div>
<!-- Top 4 -->
<div id="top_4">Top 4</div>
<!-- Top 5 -->
<div id="top_5">Top 5</div>
<!-- Top 6 -->
<div id="top_6">Top 6</div>

<div id="storboks_bund">
<!-- Stor boks -->
<div id="storboks">Stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks stor boks</div>
<!-- Bund 1 -->
<div id="bund_1">Bund 1</div>
<!-- Bund 2 -->
<div id="bund_2">Bund 2</div>
<!-- Bund 3 -->
<div id="bund_3">Bund 3</div></div>

</div>

</body>
</html>


CSS: 
#hoved {
display: table;
width: 990px;
height: auto;
margin: 0px;
padding: 0px;
border-style: solid;
border-width: thin;
position: absolute;
}
#venstre {
width: 150px;
height: 100%;
border-style: solid;
border-width: thin;
position: relative;
float: left;
}
#venstre_1 {
width: 150px;
height: 233px;
border-style: solid;
border-width: thin;
position: relative;
}
#venstre_2 {
position: relative;
display: table-cell;
width: 150px;
border-style: solid;
border-width: thin;
}
#venstre_3 {
width: 150px;
height: 233px;
border-style: solid;
border-width: thin;
position: relative;
}
#hojre {
width: 150px;
height: 100%;
border-style: solid;
border-width: thin;
position: relative;
float: right;
}
#hojre_1 {
width: 150px;
height: 233px;
border-style: solid;
border-width: thin;
}
#hojre_2 {
display: table-cell;
width: 150px;
border-style: solid;
border-width: thin;
}
#hojre_3 {
width: 150px;
height: 233px;
border-style: solid;
border-width: thin;
}
#top_1 {
width: 115px;
height: 70px;
margin-left: 150px;
border-style: solid;
border-width: thin;
position: absolute;
}
#top_2 {
width: 115px;
height: 70px;
margin-left: 265px;
border-style: solid;
border-width: thin;
position: absolute;
}
#top_3 {
width: 115px;
height: 70px;
margin-left: 380px;
margin-top: 0px;
border-style: solid;
border-width: thin;
position: absolute;
}
#top_4 {
width: 115px;
height: 70px;
margin-left: 495px;
border-style: solid;
border-width: thin;
position: absolute;
}
#top_5 {
width: 115px;
height: 70px;
margin-left: 610px;
border-style: solid;
border-width: thin;
position: absolute;
}
#top_6 {
width: 115px;
height: 70px;
margin-left: 725px;
border-style: solid;
border-width: thin;
position: absolute;
}
#storboks_bund {
width: 690px;
height: auto;
margin-left: 150px;
margin-top: 70px;
border-style: solid;
border-width: thin;
}
#storboks {
width: 690px;
min-height: 560px;
height: auto;
border-style: solid;
border-width: thin;
position: relative;
}
#bund_1 {
width: 230px;
height: 70px;
border-style: solid;
border-width: thin;
position: relative;
float: left;
}
#bund_2 {
width: 230px;
height: 70px;
margin-left: 230px;
border-style: solid;
border-width: thin;
position: absolute;
}
#bund_3 {
width: 230px;
height: 70px;
margin-left: 460px;
border-style: solid;
border-width: thin;
position: relative;
}
Gravatar #4 - Vandborg
11. feb. 2012 20:03
Heigth 100% ?
Gravatar #5 - pstidsen
12. feb. 2012 12:40
Har fået en på eksperten.dk til at rette det....
Gravatar #6 - Vandborg
12. feb. 2012 15:29
Hvad fiksede det? Bare lige sådan for god orden skyld og afslutte den her. Hvis nogen nu skulle komme forbi fra google. :)

(Hader at få et hit google, på mit problem, også er det unresolved..)
Gravatar #7 - izym
12. feb. 2012 17:10
http://xkcd.com/979/
Gravatar #8 - ysangkok
25. feb. 2012 14:12
her er hans spørgsmål på eksperten:

http://www.eksperten.dk/spm/957123

http://www.eksperten.dk/spm/957124
Gå til top

Opret dig som bruger i dag

Det er gratis, og du binder dig ikke til noget.

Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.

Opret Bruger Login