FolkbitarMedlem sedan feb. 2003173 inlägg
Jag skulle behöva lite hjälp med ett problem.
Efter att ha suttit och donat med min sida, kollat den i IE6, Firefox samt Opera 7.2,
där allt funkar som det ska, slog jag ett öga på sidan genom IE5.5 och fick hicka.
Jag bifogar 2 bilder för att illustrera problemet:
Dump IE5.5
Dump IE6
samt den del av min css som ingår i just den här sidan:
Css
Finns det någon som kan förklara för mej vad som är galet?
Och, om någon har ett bra länktips på någon css-referens på svenska,
engelska sådana finns det ju gott om, vore jag tacksam.
PalleMedlem sedan apr. 20002 716 inlägg
Vad använder du för DOCTYPE på sidan i fråga?
FolkbitarMedlem sedan feb. 2003173 inlägg
Palle skrev:
Vad använder du för DOCTYPE på sidan i fråga?
Det glömde jag ju att skriva, sorry.
Här kommer den:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
PalleMedlem sedan apr. 20002 716 inlägg
Hur ser den aktuella koden ut?
FolkbitarMedlem sedan feb. 2003173 inlägg
Palle skrev:
Hur ser den aktuella koden ut?
Det är ett gästboksscript, vill du verkligen ha hela den långa koden här?
Den ligger i en div som heter story_gbok som finns i min bifogade textfil.
r/
här finns själva koden som jag inkluderar i min huvudsida.
kod
PalleMedlem sedan apr. 20002 716 inlägg
Nja, det var ju mest den aktuella koden jag var intresserad av.. ;)
Den blå, undre rutan, är det bara den som inte stämmer överens?
Jag har svårt att se färgskillnaderna i min TFT-skärm.. :(
FolkbitarMedlem sedan feb. 2003173 inlägg
Palle skrev:
Nja, det var ju mest den aktuella koden jag var intresserad av.. ;)
Den blå, undre rutan, är det bara den som inte stämmer överens?
Jag har svårt att se färgskillnaderna i min TFT-skärm.. :(
Ja, precis.
I IE5.5 är det som om det är en liten högermarginal på den undre blå rutan.
Så är det på andra sidor också.
FolkbitarMedlem sedan feb. 2003173 inlägg
Och här kommer en kod.
Var det här vad du eftersökte?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Folkbitar</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="inkl/folk.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="ram">
<div id="huvud"><img src="inkl/graf/logga.jpg" alt="folkbitar"></div>
<div id="meny"><!--#include file="meny.asp" --></div>
<div id="smulor">Folkbitar - gästbok</div>
<!--#include file="gbok.asp" -->
Här är filen med gästboken som ligger även den i en div
<!--#include file="fot.asp" -->
</div>
</body>
</html>
PalleMedlem sedan apr. 20002 716 inlägg
Det verkar som om IE5 läser koden i quirks-mode, trots din doctype, och inte räknar med paddingen på div´en i dess längd.
Detta gör att den blåa, undre rutan, inte blir så lång som du vill att den ska bli.
Hur ter sig rutan i IE5 om du ex. kör med en strict doctype? ex.
[red]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">[/red]
FolkbitarMedlem sedan feb. 2003173 inlägg
Palle skrev:
(..) Hur ter sig rutan i IE5 om du ex. kör med en strict doctype? ex.
[red]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">[/red]
Nej, tyvärr, beter sej på samma sätt :(
jarvkloMedlem sedan juli 20013 295 inlägg
Hmm....
Vill bara flika in att MSIE5/Win (inkluderat MSIE5.5) inte har mer än en mod - den vi kallar "Quirks mode".
Det är först från MSIE6 som "standards" mode börjar användas av Microsoft på Windows (MSIE5/Mac var annars först av alla med "doctype switching" - men det är en annan historia och en annan plattform det ;) ).
Vill du att sidan skall se lika ut kan du antingen byta <!DOCTYPE till t.ex.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
och sedan ändra dina paddings(som Palle beskriver ovan) - men detta ger "quirks mode" även i Mozilla m.fl.
... eller så kan du lägga in en "villkorlig kommentar" med en extra stilmall för MSIE5 som använder de modifierade värden som krävs för att komma förbi skillnaderna i hantering av paddings och bredder mellan MSIE6 i Standards mode och MSIE5 - vilket bara åtgärdar problemet där det uppstår, dvs i MSIE5.x ;)
FolkbitarMedlem sedan feb. 2003173 inlägg
Nu börjar det klarna så sakteliga i min hjärna! :)
Tack Palle och jarvklo för tips! :birp
Ska sätta mej ner och börja pilla med det här.
Återkommer om det fortsätter att trilskas,
dvs, om jag krånglar till det och gör helt galet :r
jarvkloMedlem sedan juli 20013 295 inlägg
Mer info att grunna på ;)
Här är en länk till en färsk artikel som beskriver MSIE:s "Box model" och hur man kan koda förbi de "box-model-relaterade" problem som lätt uppkommer när man vill vara bakåtkompatibel ;)
