WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Vad är det för fel? (https://www.wn.se/forum/showthread.php?t=6963)

SoiDog 2005-03-26 07:51
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,
Kod:
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 2005-03-26 10:00
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:

Kod:
<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:

Kod:
<div class="box_round" width="100%" style="width: 158px; height: 42px;">
Ta bort "height: 42px;" så blir det bättre.

HenrikAI 2005-03-26 12:34
I brist på annan vettig påsksysselsättning.. www.onyttig.info/kryddstarkt.com
(orkade bara göra halva sidan ;))

SoiDog 2005-03-27 12:45
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...


Alla tider är GMT +2. Klockan är nu 05:57.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson