9 svar · 548 visningar · startad av lillebror
Hej,
Jag upptäckte ett mystiskt fel på min sida (www.flygfyren.nu). På de flesta sidorna med undantaget första sidan har jag upptäckt att det finns en grå kantlinje på vänster sida som löper ner med texten (har markerat med rött). Plötsligt upphör den för att återigen fortsätta ner en bit.
Jag misstänker att det är något i min CSS-fil som inte står rätt till. Jag har tittat igenom mina border-settings utan att kunna hitta något.
Om någon ser vad som är fel, hojta gärna till :)
Det verkar inte vara något fel alls på det, bara någon typ av problem att din webläsare hänger sig och inte laddar färdigt sidan. Däremot har du glömt stänga dina img taggar! :p
Fel <img src="/picture/news_icon.gif">
Rätt <img src="/picture/news_icon.gif" />
Du såg alltså inget sträck i din webbläsare?
CatZ skrev:
Däremot har du glömt stänga dina img taggar!
Herregud, vilken dödssynd! :L Ska genast åtgärdas!
Det där ser ut som ett typiskt avrundningsfel som uppstår när man anger värden i procent. Ibland avrundas bredden uppåt, ibland neråt. Detta gör att problemet uppstår i olika upplösningar och webbläsare.
Tyvärr har jag inte tid att gå igenom din CSS, men nu vet du i alla fall vad du kan leta efter.
Jag lyckas inte reproducera problemet i någon av mina webbläsare.
Däremot laddas sidan om när man ändrar storleken på fönstret. Varför?
zcorpan skrev:
Jag lyckas inte reproducera problemet i någon av mina webbläsare.
Däremot laddas sidan om när man ändrar storleken på fönstret. Varför?
Jag har inget bra svar på varför sidan laddas om när jag ändrar storlek på fönstret. Det enda är att jag Google Analytics installerat på sidan. Vet inte om det påverkar?
När jag validerade första sidan upptäckte jag ett fel i en div som ligger i footern. Det hade av misstag deklarerats två style-element i en och samma div. Dock positionerades navigeringsraden längst ner på sidan rätt trots felet. När jag åtgärdade kodfelet så hamnade navigeringsraden ca 1 cm ovanför footern istället för som tidigare ligga dikt an mot den.
Så här ser koden ut precis runt footern:
<div id="navigation" style="clear: both; width: 100%; margin-bottom: 28px;">
<div style="background-color: #0E3171; padding: 3px 5px 3px 5px; border: 1px solid #D2D2D2; float: left; color: #fff; font-weight: bold;">»</div>
<div style="padding: 3px 5px 3px 5px; border: 1px solid #D2D2D2; clear: right;"> Flygfyren <span style="font-weight: bold; color: #FD5908;">»</span> Startsida</div>
</div>
<div id="footer" style="text-align: center; clear: both; margin-top: 0; margin-left: auto; margin-right: auto;"><p>Allt material på Flygfyren.nu är skyddat enligt lagen om <a
http://www.notisum.se/rnp/sls/lag/19600729.HTM">upphovsrätt</a>.
<span style="font-weight: bold; padding-top: 7px; color: #000;">© 2005 Flygfyren.nu</span></p></div>
Några föslag? :OO
Jag tror margin-bottom: 28px var det som ställde till det efter att jag tidigare rättat till den felaktiga koden. Nu satte jag marginalen till 0px. Då verkar det fungera.
Kan någon verifiera i IE och FF att navigeringslisten ligger dikt an mot footern på index-sidan?
Okej!
Kollat i FF och Ie 6.
I FF: Ingen konstig kant, navigeringslisten ok - ser tiptop ut!
I IE 6: Fortfarande konstig linje till höger som slutar där "innehållet i huvuddivven slutar" annars ser det bra ut!
Kollade lite - men du har så många olika stilmallar att det blir för tidskrävande att få en överblick..
Tack för hjälpen!
Vassego!
Såg att problemet med skit-linjen inte uppstår alls på startsidan - men på ALLA undersidor..
Sherlock skulle kanske hitta lösningen med det som ledtråd.. :)
Dr Watson
