html - width/height(css)? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #7064 @ 03.05.05 13:07

Hej,
jeg har noget kode som jeg i mange tilfælde har sku' bruge, men aldrig fået det til at virke.
Jeg ska lave en menu og indhold, på en side som følges ad.

Kode

<html>
<head>
<title>css</title>
<style type="text/css"><!--

#menu {
	position:absolute;
	width:120px;
	background:#ff6633;
}

#indhold {
	position:absolute;
	left:130px;
	width:?;
	background:#ff0000;

}

--></style>
</head>

<body>
<div id="menu">menu</div>
<div id="indhold">indhold indhold indhold indhold indhold indhold indhold indhold </div>
</body>
</html>

Hvordan gør jeg så menu er lige så stor, i højde som indhold er? og hvordan gør jeg så indhold går helt ud til kanten? Har prøvet 100% der i indhold - width, men så blir den bare 100% som skærmen er og den stopper ikke ved kanten af explore, men forsætter og laver underscroll!

Brihhzel
Christoffer@raiser.dk

[Redigeret d. 03/05-05 13:10:08 af Christoffer]

4 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #2796 @ 03.05.05 13:35

443

Hejsa

Jeg har leget lidt med det, og valideret det via http://www.w3.org css-validator.

Kode

<html>
<head>
<title>css</title>
<style type="text/css">

#wrap {
  width: 100%;
}

#menu {
	float: left;
	width: 200px;
	background: #ff6633;
}

#indhold {
	width: 100%-200px;
	margin: 0 0 0 200px;
	background: #00ff00;

}

</style>
</head>

<body>

<div id="wrap">
  <div id="menu">menu</div>
  <div id="indhold">indhold indhold indhold indhold indhold indhold indhold indhold </div>
</div>

</body>
</html>

Det ser ud til at virke i firefox...
Det hele gælder om, at lave indholdet 100% og derefter trække menuens bredde fra. Derudover skal du huske at lave en margn på menuens bredde, ellers kommer indholdets baggrund ind under menuen.

-------------------------------
Hilsen Jimmi Westerberg
http://www.westsworld.dk / http://www.aktivudvikler.dk

Bruger #2730 @ 03.05.05 14:57

1.626

Nu er jeg ikke den helt store haj til CSS, men synes at kunne huske som hovedregel at man ALDRIG må blande Pixels og procent bredde sammen. Det kan godt være at det virker nu, men grænsetilfældene vil aldrig virke (hvad hvis siden er under 200 pixels ?)

(¯`·._.·[Brian Hvarregaard]·._.·´¯)
Praesto et Persto

Bruger #2796 @ 04.05.05 12:24

443

Nu er jeg ikke den helt store haj til CSS, men synes at kunne huske som hovedregel at man ALDRIG må blande Pixels og procent bredde sammen. Det kan godt være at det virker nu, men grænsetilfældene vil aldrig virke (hvad hvis siden er under 200 pixels ?)

(¯`·._.·[Brian Hvarregaard]·._.·´¯)
Praesto et Persto

tja... siden bliver "aldrig" under 800x600 som jo er standard opløsningen p.t...
men ja, der vil forekomme problemer hvis man i ekstreme tilfælde formindsker vinduet til 0pixel... men så kan man jo ikke se noget på siden alligevel

Med hensyn til % minus pixel, kan jeg ikke se det som et problem, da w3.org's validator så burde har fanget den, og enten give en advarelse eller en fejl...

-------------------------------
Hilsen Jimmi Westerberg
http://www.westsworld.dk / http://www.aktivudvikler.dk

Bruger #7620 @ 11.05.05 03:37

istedet for

height: 100%;

så sæt

height: auto;

det virker. Det er perfekt css og så er det cool.
Jeg svarede også i en anden post du lavede med meget mere kode og bedre uddybet.

Du bliver nødt til at bruge et par divs, men de er jo også svedige nok i sig selv

width/height(css)?

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler