FAQ |
Kalender |
2009-06-03, 14:44 | #1 | ||
|
|||
Flitig postare
|
Hej!
Div'en content lägger sig av någon anledning längst nere i botten till vänster i IE, någon som har en lösning på det åt mig? Funkar utmärkt i FF! Kod:
body {background-color: #bebebe; margin:0px;} #container {position: fixed; top: 0; left: 0; width: 775px; height: 400%; background-color: #FFFFFF; z-index: 1;} #header {position: fixed; top: 0; left: 0; width: 775px; height: 85px; background-color: #FFFFFF; z-index: 1;} #logo {position: relative; float:left;} #lang {position: relative; float:right; top:5px; right:5px; font-family:Verdana; font-size:11px;} #bb {position: relative; float:right; top:50px; right:5px; background-color:#c50047; width:570px; height:16px; line-height: 14px; text-align:right; font-family:Verdana; font-size: 10px; color:#ffffff;} #menu {position: fixed; top: 85px; left: 0; width: 205px; height: 400%; background-color: #FFFFFF; z-index: 1;} #content {position: fixed; top: 85px; left: 200px; width: 570px; background-color: #FFFFFF; font-family:Verdana; font-size:12px; z-index: 1; border-left:1px solid #c50047; text-indent:5px; min-height:250px;} Kod:
<div id="container"> <div id="header"> <div id="logo"><img src="/img/logo/logo.png"width="182" height="77" hspace="8" vspace="8" alt="My Site"></div> <div id="lang">Visit in <a href="?en">English</a> | <a href="?sv">Svenska</a></div> <div id="bb">Tisdagen den 2 Juni</div> </div> <div id="menu">MENU GOES HERE</div> <div id="content"> #CONTENT# <br/> <br/> </div> </div> |
||
Svara med citat |
2009-06-03, 16:01 | #2 | ||
|
|||
Medlem
|
Kollade inte jättenoga men försök med att minska bredden på #content genom att sätta en egen width för ie. #width: 565px;
|
||
Svara med citat |
2009-06-03, 16:25 | #3 | ||
|
|||
Flitig postare
|
Ladda hem Webdeveloper-pluginet för firefox Där finns en finfin funktion.. "Outline Block Level Elements"
|
||
Svara med citat |
2009-06-03, 16:47 | #4 | ||
|
|||
Flitig postare
|
Hmm, nepp..
Vart ett litet fel i CSS'en, men att rätta till det hjälpte inte. Här är den nya: Kod:
body {background-color: #bebebe; margin:0px;} #container {position: fixed; top: 0; left: 0; width: 775px; height: 400%; background-color: #FFFFFF; z-index: 1;} #header {position: fixed; top: 0; left: 0; width: 775px; height: 85px; background-color: #FFFFFF; z-index: 1;} #logo {position: relative; float:left;} #lang {position: relative; float:right; top:5px; right:5px; font-family:Verdana; font-size:11px;} #bb {position: relative; float:right; top:50px; right:5px; background-color:#c50047; width:570px; height:16px; line-height: 14px; text-align:right; font-family:Verdana; font-size: 10px; color:#ffffff;} #menu {position: fixed; top: 85px; left: 0; width: 198px; height: 400%; background-color: #FFFFFF; z-index: 1;} #content {position: fixed; top: 85px; left: 200px; width: 570px; background-color: #FFFFFF; font-family:Verdana; font-size:12px; z-index: 1; border-left:1px solid #c50047; text-indent:5px; min-height:250px;} |
||
Svara med citat |
2009-06-03, 16:51 | #5 | ||
|
|||
Flitig postare
|
Måste du ha position: fixed och sen position: relative? känns som om du gör det krångligare för dig själv
Har inget bra tips eller lösning med bara koden rakt-upp-och-ner sådär dock.. Funderar också varför du har height: 400% ? |
||
Svara med citat |
2009-06-03, 16:57 | #6 | ||
|
|||
Flitig postare
|
Citat:
Vet inget annat sätt som inte buggar i någon webbläsare, men som ändå låter lang, logo & bb ändra sig i förhållande till skärmens upplösning, så att dom alltid ligger på rätt plats inom header. |
||
Svara med citat |
2009-06-03, 17:00 | #7 | ||
|
|||
Medlem
|
Jag tycker att din positionering känns väldigt bökig. Använd enbart float och height istället och skriv en ren markup.
Måste även tillägga att allt ska inte vara divvar heller. Bara för att någon har sagt att "sluta koda med tabeller, kör med div-taggar" så betyder det inte att varenda rad ska vara fylld med <div id="content"><div id="maincontainer"><div id="mainoutercontainerwrappercontentmain"></div></div></div> osv. |
||
Svara med citat |
2009-06-03, 17:03 | #8 | ||
|
|||
Flitig postare
|
Skulle rek du slänger upp en url till sidan i tråden =)
|
||
Svara med citat |
2009-06-03, 20:15 | #9 | |||
|
||||
Mycket flitig postare
|
Vilken doctype har du på sidan?
|
|||
Svara med citat |
2009-06-04, 04:11 | #10 | ||
|
|||
Medlem
|
Nu vet jag inte vilken IE version du snackar om här.. men <=IE6 har inte stöd för fixed positionerade element (IE7 strict mode, om ja inte minns helt fel). Snackar vi också om positionerade element (inte static då, som är default) så är IE6's stackorder prutt.
Gör om gör rätt! visa en screenshot på designen/layouten ifråga så kanske du tom kan få lite hjälp på traven |
||
Svara med citat |
Svara |
|
|