Annonce

Søg

Afstemning

Hvornår har du sidst været til LAN?

55%Det er er mere end et år siden
12%Har aldrig været til et LAN
10%Inden for det seneste år
6%Inden for de seneste 2-4 uger
6%Inden for de seneste 3-4 måneder
6%Inden for den seneste uge
5%Inden for de seneste 5-8 uger

Stemmer i alt: 10570
62 kommentarer
Ny afstemning

height: take the rest; ??

Gå til bund

Forside Forum Programmering

Middelværdi: Neutral

Yderligere information

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!

Middelværdi: Neutral

Yderligere information

#2: Windcape

11. feb. 2012 08:47

display: table-cell;

http://about.me/windcape

Middelværdi: Neutral

Yderligere information

#3: pstidsen

11. feb. 2012 12: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;
}

Middelværdi: Neutral

Yderligere information

#4: Vandborg

11. feb. 2012 21:03

Heigth 100% ?

Middelværdi: Neutral

Yderligere information

#5: pstidsen

12. feb. 2012 13:40

Har fået en på eksperten.dk til at rette det....

Middelværdi: Relevant

Se rettelser (1)
Yderligere information

#6: Vandborg

12. feb. 2012 16: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..)

Middelværdi: Relevant

Yderligere information

#7: izym

12. feb. 2012 18:10

http://xkcd.com/979/

One does not simply walk into newz.dk

Middelværdi: Informativ

Yderligere information

#8: ysangkok

25. feb. 2012 15:12

her er hans spørgsmål på eksperten:

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

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

Gå til top

Forside Forum Programmering

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

Annonce

Søg

Indsend nyhed

Afstemning

Afstemning

height: take the rest; ??

#1: pstidsen

#2: Windcape

#3: pstidsen

#4: Vandborg

#5: pstidsen

#6: Vandborg

#7: izym

#8: ysangkok

Opret dig som bruger i dag

Annonce

Søg

Indsend nyhed

Afstemning

Afstemning

Tilmeld nyhedsbrev

height: take the rest; ??

#1: pstidsen

#2: Windcape

#3: pstidsen

#4: Vandborg

#5: pstidsen

#6: Vandborg

#7: izym

#8: ysangkok

Opret dig som bruger i dag