5 svar · 568 visningar · startad av F_I_C
Har för ett tag sen klurat ihop en sida med hjälp av css och långt ifrån insatt i ämnet men har ändå lyckats få ihop det önskade utseendet i Explorer 6.
Problemet är att jag inte ens är nära att få rätt på det i andra versioner så som 7.0.
Så här vill jag att det ska se ut. Från IE 6.0.29
http://www10.aname.net/~karnan/error/kn_ie.jpg
Så här ser det ut i tex. Opera:
http://www10.aname.net/~karnan/error/kn_opera.jpg
Länk till css-filen:
http://www10.aname.net/~karnan/main_css.css
Hemsidan just nu:
http://www10.aname.net/~karnan/
Det är främst ute till höger i den "grå-stapeln" som problemen är påtagliga. Någon som har en ide till lösning?
Det är ett klassiskt misstag som IE6 gör fel på. Men i korthet går det ut på att floatade saker tas ut det "normala" flödet och du lagar det genom att clear:a dina floats.
Så lägg till en ny klass i din css som heter tex
.clear { clear: both; }
och så lägger du till en ny div
<div class="clear"></div>
efter varje strulande div i din höger-kolumn.
På så sätt återställer du flödet i koden...
Kommer detta göra att sakerna visas korrekt i IE7,FF Opera etc eller bara göra att IE6 tolkar CSS:en rätt och min sida får samma utsende som det f.n. får i FF?
Har testat med din kod. La in css infon i css filen och ingra problem där.
Däremot är jag inte riktigt med dig på DIV-taggarna.
Tex.
<div class="right_forumet">
<div class="right_forumet_menytext">
<p>SENASTE FORUMINLÄGGET </p>
</div>
</div>
Är det korrekt att ändra till detta?
<div class="right_forumet">
<div class="right_forumet_menytext">
<p>SENASTE FORUMINLÄGGET </p>
</div><div class="clear"></div>
</div><div class="clear"></div>
Får tyvärr inte rätt på det.
Första svaret redan efter 7minuter, sen inget mer.. :( Ingen som kan hjälpa mig komma vidare med mitt problem?
Heh, jag tittade på din sida och koden som du har är så full av fel så att man inte vet var man ska börja.
Jag rekommenderar att du kör sidan ett gäng gånger genom en validerare på http://validator.w3.org/ alternativt lär dig HTML ordentligt. Dina fel beror till stor del på att din kod är fullständigt rörig och ostrukturerad och i vissa fall ogiltig. Jag hjälper gärna och ofta till men med den här sidan vet man inte var man ska börja. Säkerligen blir det extra krångligt om du automatgenererar saker med hjälp av php, så det gäller att hålla tungan rätt i mun.
När du fått bort alla fel i koden så att den ser ren och snygg ut, då är det dags att kalla in kompisarna på webforum. Men läs gärna på http://css.maxdesign.com.au/floatutorial/ innan och ge dina clear: both en sportlig chans att verka i en städad miljö!
MVH HB
Ok, efter kört validtorn fick jag en lite bättre bild hur galen min kod var. Är som sagt hyfsat novis på just css men lyckades ordna till alla problemen enligt w3.org. PHP var mycket riktigt klurigast.
Har testat igen med clear men jag får inte rätt på det. Försökt nysta i det lite men får ingen rätsida på det. Använder jag rätt DOCTYPE? Något annat som är fel?
Tack för inspirationen till att ordna min kod tillsvidare, hoppas vi kan lösa mina vidare problem också.