Height: 100% ?

Avdelningen för webbrelaterad programmering och grafisk design.
Post Reply
User avatar
sore
Posts: 148
Joined: 2005-01-06 17:23:45
Location: Jönköping
Contact:

Height: 100% ?

Post by sore »

Har en snabb fråga.
Jag har en div (#content) med margin: 0 auto 0 auto; och relativ positionering som jag vill ska sträcka sig över hela sidan vertikalt, har försökt med all möjlig sätt och googlat en hel del men inget verkar funka.
Nån som har en lösning?
Att tala är överskattat...Att tiga är en frihet!
User avatar
ADiS
Posts: 5732
Joined: 2003-04-04 22:24:03
Location: Gävle
Contact:

Post by ADiS »

Har också samma problem förstår inte hur andra gör, inte orkat titta heller :)
http://www.buildlog.eu - Din egna bygglogg på nätet
User avatar
madr
Posts: 998
Joined: 2004-08-24 11:12:39
Contact:

Post by madr »

Inget som går att lösa utan relativ positionering?
antlion: 3,2 GHz i7 | 32GB | 180GB+120GB SSD SATA III | 2TB SATA III | Dell u2410 | GF 5600ti Arch linux + Win 7
User avatar
Spixx
Posts: 1613
Joined: 2004-03-20 16:47:34
Contact:

Post by Spixx »

det finns ett hack för att få css att skriva ut full höjd, ett sätt är att göra:
body {
background-image: url(dinbild.din);
background-repeat: repeat-x;
background-position: middle top;
}
(tror det ger ett bra resultat (ha ingen padding på body eller * bara...)
min-height: 100% är ett alternativ (men jag tror IE inte gillar det...)
User avatar
derfian
Posts: 472
Joined: 2004-02-13 0:18:46
Location: Dorotea / Linköping
Contact:

Post by derfian »

SpiXx^Orginalet wrote:min-height: 100% är ett alternativ (men jag tror IE inte gillar det...)

Code: Select all

min-height: 400px;
height: auto !important;
height: 400px;
Då IE(6, i alla fall) inte förstår !important så kan man göra så här för att emulera min-height med hjälp av andra IE-buggar. Jippi för webbutveckling!
cezar
Posts: 183
Joined: 2006-05-08 9:10:17

Post by cezar »

Man kan använda sig utav "stjärn-hacket"

Code: Select all

#foobar {position: relative;min-height: 100%; }
* html #foobar {height: 100%;}
User avatar
sore
Posts: 148
Joined: 2005-01-06 17:23:45
Location: Jönköping
Contact:

Post by sore »

Tack till alla tips och kommentarer först och främst! :)

Sen har jag till slut hittat en lösning på egen hand efter timmars googlande då jag inte fick sidan helt centrerad eller inte 100% höjd i alla webbläsare! Oftast på grund av w3-standarden...

Iaf, lösningen jag hittat saknar bara den lilla raden:

Code: Select all

<?xml version="1.0" encoding="UTF-8"?>
Men ganska lätt åtgärdat, inte sant?

To the links:
Hur man gör: http://solardreamstudios.com/learn/css/footerstick/
Hur det ser ut: http://solardreamstudios.com/_img/learn ... ooterstick

//Och vill man inte ha footern är det ju bara att ändra färg och ta bort texten så syns den inte;)
Att tala är överskattat...Att tiga är en frihet!
Post Reply