webForumDet fria alternativet

Margin i Opera.

1 svar · 212 visningar · startad av ReloadMaster

ReloadMasterMedlem sedan aug. 2001249 inlägg
#1

<Denna del är löst>

----
Andra frågan:

Om man jämför bilderna under portfolio:

http://www.krulltigern.nu/ud/portfolio.asp

I dom olika webläsarna så förstår jag inte varför bilderna hamnar så långt ut till vänster men inte i IE

Tacksam för svar.

jarvkloMedlem sedan juli 20013 295 inlägg
#2

Hmm...

Problemet med bildernas avsaknad på marginal kommer sig antagligen av att du "överspecificerar" tabellens olika bredder i kubik (du har en "width=" på i princip varje <td>, vilket i praktiken inte alltid behövs)
Dessutom blandar du in en massa relativa mått i en layout med fixerad bredd - vilket enligt min erfarenhet kan vara en stor källa till förtret ...

Exempel på några iaktagelser som kan ligga som grund till att det blir som det blir:
Analyserade lite på en av "bild-tabellerna" på sidan...

  • Bilden designpics/a.gif är 80px bred.
  • Den ligger i en tabellcell som anges vara 20% bred.
  • Det innebär att tabellen i detta fall måste vara 80px/20% = 400px bred för att "procentmåtten" skall stämma
  • Dvs för att den andra cellen verkligen skall uppfylla måttet 80% av tabellbredden måste tabellen vara exakt 400px bred.
  • Denna tabell kläms just nu in i en tabellcell som skall uppfylla kravet att vara 49% av totala layoutbredden (49% av 658px = 322px...)
  • Webbläsaren måste alltså kompromissa eftersom alla mått inte kan uppfyllas samtidigt! (tabellen med bilden i kan ju t.ex. inte samtidigt vara både 400 och 322 px bred! - osv.)

Fenomenet när webbläsaren har så många mått på en och samma sak att uppfylla att alla inte kan uppfyllas samtidigt kallas ibland för "överspecificering"...

Och du har (förmodligen oavsiktligt) alltså detta på flera ställen i din kod just nu.

När detta utlöses (i detta fall alltså pga att bilden är så bred) försöker webbläsaren göra det bästa av situationen efter vissa givna regler (finns i W3C:s specifikationer).
Tydligen tolkas dessa regler olika i olika webbläsare för just ditt fall.

Enklaste lösningen på problemet är nog att du rensar i din skog av relativa "width"-attribut.
Du har ju trots allt en layout som är helt fixerad i bredd, så antagligen kan du egentligen eliminera i princip alla %-bredder och ersätta de som är kritiska för layoutens proportioner med nyframräknade fasta värden istället!

Hursomhelst bör du se över dina bredd-sprcifikationer... ;)

123 ms totalt · 3 externa anrop · cache AV · v20260731051352-full.56cc9887
0 ms — hämta statistik (cache)
0 ms — hämta forumlista (cache)
120 ms — hämta tråd, inlägg och bilagor (db)