[SoiDog]

I firefox så ser webbplatsen http://www.kryddstarkt.com konstigt ut. I Internet Explorer ser det bra ut, har inte provat netscape eller opera.

Koden för min css fil,

BODY {	MARGIN: 0px 0px 0px 4px; BACKGROUND-COLOR: #ffffff }

TD { FONT-SIZE: 11px; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, sans-serif }

FORM { DISPLAY: inline }

INPUT {	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica } 

TEXTAREA { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica } 

SELECT { FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica } 

INPUT.normal { WIDTH: 100% }

TEXTAREA.normal { WIDTH: 100% }

SELECT.normal {	WIDTH: 100% }
H1 { FONT-WEIGHT: normal; FONT-SIZE: 18px; MARGIN: 0px 0px 6px; COLOR: #000000; LINE-HEIGHT: 24px; FONT-FAMILY: Verdana, Arial, Helvetica,Sans-Serif }

H2 { FONT-WEIGHT: bold; FONT-SIZE: 11px; MARGIN: 3px 0px 6px; FONT-FAMILY: Verdana, Arial, Helvetica,Sans-Serif }

.delar { BORDER-RIGHT: #999999 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 3px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 12px; BORDER-LEFT: #999999 0px solid; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #999999 1px solid; HEIGHT: 4px; BACKGROUND-COLOR: #cccccc }

.box { BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 10px; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 10px; BORDER-LEFT: #999999 1px solid; LINE-HEIGHT: 14px; PADDING-TOP: 6px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #CEC154 }

.bigbox { BORDER-RIGHT: #999999 0px solid; PADDING-RIGHT: 4px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 10px; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 10px; BORDER-LEFT: #999999 0px solid; LINE-HEIGHT: 14px; PADDING-TOP: 6px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #CEC154 }

.box_round { BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #999999 0px solid; PADDING-LEFT: 8px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #999999 1px solid; LINE-HEIGHT: 14px; PADDING-TOP: 0px; BORDER-BOTTOM: #999999 0px solid; BACKGROUND-COLOR: #CEC154 }

A:link { COLOR: #000000; text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, sans-serif }

a:visited { COLOR: #666666; text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: verdana, arial, helvetica }

a:hover { COLOR: #0000FF; text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: verdana, arial, helvetica }

a:active { COLOR: #000000; text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: verdana, arial, helvetica }

a.hidden { COLOR: #000000; text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: verdana, arial, helvetica }

a.hidden:visited { COLOR: #000000; text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: verdana, arial, helvetica }

a.hidden:hover { COLOR: #000000; text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: verdana, arial, helvetica }

a.hidden:active { COLOR: #000000; text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: verdana, arial, helvetica }

Någon som har en aning om vad som är fel?

SoiDog...

[HenrikAI]

Kollade genom din CSS lite snabbt, och såg att du på vissa ställen skrivit "MARGIN: 0px 0px 10px;". Det funkar kanske, men åtminstonde för mig som tittar på koden hade det varit bättre med fyra värden: "MARGIN: top right bottom left;".

I HTML-koden har du stavat fel på height (heigth) på ett ställe.

Det var två snabba saker, vet inte om det hjälper.. Annars skulle det vara bra att få HTML- och CSS-koden att validera så man kan utesluta en del saker.

---

Tittade lite mer på koden.. och det här är inte så bra:

<td valign="top" width="158"><img alt="" src="delad.gif" height="8" width="1"><img alt="Round box top" src="box-top.gif" height="11" width="158"><br>
<div class="box_round" width="100%" style="width: 158px; height: 42px;">...</div>
</td>

I din CSS har du "padding-left: 8px" och "padding-right: 8px" på .box_round, vilket gör att bredden blir 158px+8px+8px..

En annan sak är det här:

<div class="box_round" width="100%" style="width: 158px; height: 42px;">

Ta bort "height: 42px;" så blir det bättre.

[HenrikAI]

I brist på annan vettig påsksysselsättning.. www.onyttig.info/kryddstarkt.com
(orkade bara göra halva sidan )

[SoiDog]

Får tacka för tipsen.

Har lagt upp en testsida, men vet inte hur det ser ut med firefox (sitter på jobbet och här finns inte firefox installerat )

Någon som kan kolla med firefox hur det ser ut, http://www.kryddstarkt.com/test/

Om möjligt ta gärna en skärmdump.

SoiDog...