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?
Blir galen på container
2 svar · 241 visningar · startad av SebastianE
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
Tackar, det fungerade prima :D Äntligen lite ordning och reda.