Testa att float:a dina div-element i stället.
Frågan#1
Kolla http://www.labutb.falun.se/t3/t3chjan/labutb/index.php i IE, menyn är helt sned ! Vet ni hur jag ska göra ?
Hoppas på svar
Problem med IE igen!
17 svar · 477 visningar · startad av clovec
mm
hur menar du ? ska jag floata alla. det funkade för en liten stund sen tänkte om det var något slarvfel någonstans
Då går du tillbaka i din kod m h a ctrl+z tills det blir rätt igen :)
Btw, försök att helt separera css från html genom att t.ex. lägga in all css-relaterad kod i en egen css-fil och länka till denna m h a link-elementet i <head>. :)
haha
haha ja men jag har bytt dator, har annan lektion. fan blir galen snart :p
jo jag ska göra det sen men jag tror inte det spelar någon roll :P har det bara nu för att jag snabbt ska kunne redigera :p
Validera sidan kan vara bra också: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.labutb.falun.se%2Ft3%2Ft3chjan%2Flabutb%2Findex.php
okej jag ska kolla om det blir nått knas då.. tack så länge
nope inget som hjälpte... det blev ju såklart en massa fel, men bara ingen sluttag för br och input också vidare..
Kan det vara någon doctype som jag ska lägga till ?`
ingen mer som kan hjälpa mig? Nu försvann både loggan och menyn :P
Du har två html-element på din sida till att börja med. Ta bort <html>.
la bara till den andra för att testa en sak :P glömde ta bor tden, men skiten funkar inte endå :p
Men börja gå igenom sidan från rad ett och rätta till felen. Sen tycker jag du ska float:a iaf menyn men gärna de andra div-elementen på sidan också.
jag testa floata den men det gick inte endå :P
men det jag inte förstår är hur <div id=meny> kan hamna utanför <div id=main>s gränser ? den är ju begränsad på 740 px och id=meny hamnar utanför den.. jävla IE :P :P
om jag floatar så blir det ett stort mellanrum mellan menyn och senaste nyheter
float:a alla div-element och sätt en bredd på alla de elementen.
Floata left bör fungera som m_soderlund skriver, men du bör även ändra positionerna.
Du har så mycket margin här och där, men jag ändrade några som gör att jag tror det ska fungera :-)
#meny {
margin: 0;
padding: 0;
position:relative;
height: 30px;
width: 740px;
float: left;
}
#navigation {
margin: 0;
padding: 0;
margin: 0;
position:relative;
width: 740px;
float: left;
}
#content {
float: left;
width: 100%;
min-height: 100%;
margin: 0;
padding:0;
position: relative;
float: left;
}
#content_two_columns {
margin-left:auto;
margin-right: auto;
width: 697px;
margin-top:0;
min-height: 100%;
}
Kanske det finns något mer ställe som de behöver ändra position och margin för att det ska fungera...