webForumDet fria alternativet
Logga in / Bli medlem

Blir galen på container

HTML & CSS

2 svar · 241 visningar · startad av SebastianE

Medlem sedan nov. 2004100 inlägg
Trådstart#1

Håller på att designa min första CSS sida. Dock krånglar en sak. Problemet är min height under container. Har testat massor med koder men jag får aldrig att den blir 100% hög. Adressen till sidan http://www.itgymnasiet-k.net/it14/jupiter/css2/default.asp PS! Det är bara huvudsidan sidan som fungerar som den ska förutom heighten på containern. Någon som har någon kod för att fixa problemet?

Medlem sedan juli 20013 378 inlägg
#2

Hmm..

I XHTML är det <html> som är rotelementet!

Börja med att sätta 100% height på den också... (annars blir det bara "100% av auto" - vilket motsvarar "#container-innehållets" faktiska höjd ;) )

En "standardharang" jag brukar köra med är:

html,body {height:100%;margin:0;padding:0}

Kör du med den får du även garanterat bort "defaultinnermarginalen" (som läggs upp med padding i vissa webbläsare och margin i andra)

Gör du det bör sidan funka i "Mozillorna" - men vill du att det skall funka även i MSIE (som inte vet vad min-height är) så måste du antagligen lägga till en height:100% på container som bara MSIE ser...
Detta kan du t.ex. göra genom att lägga in en "villkorlig kommentar" i <head> (men efter inläsningen av din stilmall) med den MSIE-specifika koden i...

<!--[if IE]>
<style type="text/css">
#container {height:100%}
</style>
<![endif]-->

Men du kan även använda ett "CSS-hack" om du hellre vill det (sök lite efter CSS hack så hittar du flera exempel)

Exempel på tekniken finns t.ex. i http://member.webforum.nu/2241/okkidos_bilskola.html

:bire

Medlem sedan nov. 2004100 inlägg
#3

Tackar, det fungerade prima :D Äntligen lite ordning och reda.

261 ms totalt · 4 externa anrop · v20260731065814-full.51f67c91
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
136 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)