webForumDet fria alternativet

Problem med IE & CSS

HTML & CSS

9 svar · 503 visningar · startad av SoulGod

Medlem sedan aug. 20051 200 inlägg
Frågan#1

Bråkar nu ( åter igen ) med att IE inte vill göra min CSS som jag vill *ler*

Ni kan själv titta via länken:
http://www.royalpaintattoo.se/

I Iexplore så flyttas menyn längre ner , och ger dessutom en vit "extra" utrymme längre ner på sidan.

Men i Google Chrome / Firefox så funkar det utmärkt.
Har testat några buggfixes för IE CSS , men inte hittat den som löser mitt problem. ( Lyckades dock lösa PNG :P )

Någon som har en aning om vad som kan vara fel?
Har validerat både min CSS & HTML ,och den ger inga fel :(

Medlem sedan juni 20019 519 inlägg
#2

1. Ta bort din negativa värde på din margin
2. Sätt en annan höjd på din "top", bilden är ju 20px varför då sätta den till en höjd som är större än så?

Vilken Internet Explorer är problemet underlättar också felsökningen nästa gång.

Medlem sedan aug. 20051 200 inlägg
#3

Jag sitter själv och testar i IE6 , men enligt de andra som försökt,
är det även felaktigt i dom nyare webläsarna.

Har ändrat height på min topbox, och även tagit bort den negativa margin,
men felet kvarstår :(

Bilden ( till vänster Google Chrome, höger Iexplore 6 )

screen.png
Medlem sedan juni 20019 519 inlägg
#4

Och #logo, om du skall flyta bilder osv på det sätt använd position: absolute så slipper du ta upp ett "block-elements" yta.

Medlem sedan aug. 20051 200 inlägg
#5

Att sätta den till absolute gjorde så att min logga la sig precis mitt i hela hemsidan,
så det hjälpte inte speciellt mycket mot glappen :P

Är det Iexplore's 3 pixel bugg som ställer till det?

Medlem sedan juni 20019 519 inlägg
#6

nej, det är IE margin buggar, och du få ju självklart positionera logotypen med top, left, right, bottom

sätt även en postion: relative på din "content" div så bli det ännu enklare.

Medlem sedan aug. 20051 200 inlägg
#7

Nu hoppade den tillrätta iallafall med glappen,
men nu ska jag bara behöva positionera in alla element så det funkar i Iexplore..
( Eftersom allt ligger bra i övriga webläsare )

Läste något om CSS-element som man gjorde en * före,
kunde bara läsas i Iexplore, stämmer det?

Medlem sedan juni 20019 519 inlägg
#8

Istället för att göra "IE-hacks" så tycker jag att du skall köra på Conditional comments:

http://www.quirksmode.org/css/condcom.html

Men du kan ju alltid 0:ar alla margins i body och html för IE

Medlem sedan aug. 20051 200 inlägg
#9

Jag har försökt både med Conditional comments, och även ie fix när det gäller en helt egen css-fil för IE .. Men som jag just nu försöker med, att lägga bilden på bruden 10px ner går inte i IE.

Jag har lagt ( som exempel ) margin-top: 10px ..
När jag laddar sidan så ser jag att bilden laddas 10 px ner ( alltså helt korrekt )
men när hela sidan laddas klart, så "hoppar den till", och lägger sig där uppe.

Blir helt galen på detta j-vla strul med IE :(

Medlem sedan aug. 20051 200 inlägg
#10

Tackar för din hjälp, upptäckte nu att felet låg i en pngie-fix jag gjort,
som tydligen automatiskt la till space på alla divar...

Ber om ursäkt, och tackar ödmjukast för all hjälp!

258 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
133 ms — hämta tråd, inlägg och bilagor (db)
115 ms — ändringar (db)