webForumDet fria alternativet

Mystisk skillnad mellan IE och Firefox/Safari

HTML & CSS

9 svar · 975 visningar · startad av emit

Medlem sedan feb. 200516 inlägg
Frågan#1

Hej,

Jag arbetar just nu med följande sida: http://www.okhammaren.se/skeleton/

Än så länge bara en statisk sida. Har inte arbetat med CSS/XHTML på ett tag, men det slår mig vilka konstiska skillnader det blir när sidan visas i Internet Explorer och Firefox/Safari.

Exempelvis hamnar de två "små" nyheterna helt fel i Internet Explorer och likaså blir avståndet mellan "okhammaren.se » start" och rutan nedanför väldigt stort i Explorer.

Någon som har några tips på vad detta beror på och hur man avhjälper det?

Medlem sedan aug. 20002 272 inlägg
Medlem sedan feb. 200516 inlägg
#3

Tack. Dock verkar det inte lösa problemet att komplettera alla avdelningar som har attributet "float" med "display: inline".

Tydligen verkar det inte gå att markera någon text på sidan i gammal version av IE heller. I något fall inte ens visa källkoden.

Hur löser ni andra sånt här? Man blir ju minst sagt sugen på att fulkoda med en tabell i bakgrunden istället för div-ar ;P

Medlem sedan aug. 20068 090 inlägg
#4

En bra början är att nolla alla marginaler och paddings direkt så slipper man att olika webbläsare lägger in sina default-värden vilka kan variera och ställa till saker och ting. I din stilmall på http://www.okhammaren.se/skeleton/public/resources/css/style.css kan du lägga in:

* {padding:0px; margin:0px}

så har du i alla fall eliminerat den eventuella felkällan.

Självklart måste du nu lägga in marginaler och paddings där du verkligen vill ha dom.

Medlem sedan okt. 20005 273 inlägg
#5

i vissa fall kan det vara dumt att nollställa marginalerna på det där viset, option-elementet kan bete sig väldigt konstigt om man gjort så har jag för mig. Bättre att ha kunskapen om att marginalerna och paddingen är där och ändra de om man behöver. man kan också leka med line-height för att få ett bättre resultat.

mv icaaq

Medlem sedan okt. 20001 285 inlägg
#6

Blir det inte mer IE hacks utan nollställa ? option-elementet ? måste jag kolla in .. har inte tänkt om det är så :)

Medlem sedan feb. 200516 inlägg
#7

Någon som har någon aning om hur fenomenet att man inte kan markera någon text/visa källkoden uppstår?

Att nollställa marginalerna löste inte alla problem...

Medlem sedan mars 20041 505 inlägg
#8

icaaq skrev:

i vissa fall kan det vara dumt att nollställa marginalerna på det där viset, option-elementet kan bete sig väldigt konstigt om man gjort så har jag för mig. Bättre att ha kunskapen om att marginalerna och paddingen är där och ändra de om man behöver. man kan också leka med line-height för att få ett bättre resultat.

mv icaaq

Det finns mallar för nollställning att använda, som är lite mer specifika än den oförlåtliga stjärnan *. Exempelvis denna:
http://developer.yahoo.com/yui/reset/

Medlem sedan okt. 20001 285 inlägg
#9

"Divide your desired pixel width by 13; the result is your width in ems for all non-IE browsers"

tack Troxy för länken (y)

Medlem sedan feb. 200516 inlägg
#10

Troxy skrev:

Det finns mallar för nollställning att använda, som är lite mer specifika än den oförlåtliga stjärnan *. Exempelvis denna:
http://developer.yahoo.com/yui/reset/

Någon som vet om detta avhjälper problemet med att inte kunna markera någon text eller klicka på någon av länkarna?

Ska ta tag i kodknackandet efter en mattetenta i linjär algebra...

260 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)