Håller på med en ny desig till "Livohelvete.se". Men problemet som det ser ut i dagsläget är att sidan är byggd med tabeller. Och i Internet Explorer, där jag sitter och jobbar i, där ser resultatet ut som det är i dag helt okej.

Men det är just när man man går över till webläsare som Opera, Firefox. Det är då problemet uppstår. Saken är den att den yttre tabellen inte blir,... hur ska jag säga,... "ifylld" med nyansen #000000 . Utan den är grå och "blek".

Så det jag skulle vilja ha lite hjälp med är att kunna med css få samtliga tabeller att se "acceptabla" ut i dom vanligaste webläsarna.

Eller ska man skita i det här med tabeller helt och hållet ? :mellow:

Jaja...den akuella websidan som det är frågan om: http://www.livohelvete.se/sw/index.asp


CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

body {font-family: Verdana; font-size: 11px; color: #ffffff; border-width: 1px;}
body { background-image: url(wall.gif);}

a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}


p {font-family: Verdana; font-size: 10px; color: #FFFFFF; border-width: 1px ; border-color: Black}
td {font-family: Verdana; font-size: 10px; color: #FFFFFF; border-width: 1px ; border-color: Black}
li {font-family: Verdana; font-size: 10px; color: #FFFFFF; border-width: 1px ; border-color: Black}

.teckenformat {font-family: Verdana; font-size: 9px;}
.kantlinje {border: 2px solid #000000;}


#menycontainer ul{ float: left; margin-left: 0; padding-left: 0; width: 100%; background: #330000; font-size: 10px;}
#menycontainer li{display: inline;}
#menycontainer ul a{float: left; text-decoration: none; padding: 0.6em 1em;}
#menycontainer a:link{color: #ffffff;}
#menycontainer a:visited{color: #ffffff;}
#menycontainer a:hover{background: #333333;}
#menycontainer a#current{background: #663300; color: #000000;}

.bright {border-right: 2px solid #000000;}
.bleft {border-left: 2px solid #000000;}

.btop {border-top: 2px solid #000000;
border-collapse: collapse;padding: 5px;}

CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .slut

Hos mig har jag en vinröd bakgrund, en svart yttre ram och sedan en vit/grå linje...

Testa att köra

Du kan ju börja med att ange en korrekt <DOCTYPE > överst på sidan så man slipper webläsaren i Quirks Mode, vilket gör att sidan har minimala möjligheter att se likadan ut i alla webläsare.

.kantlinje {border: 2px solid #000000; background-color: #000000; margin: 0px; padding: 0px; }

Borde lösa det med det ljusa linjen.

EDIT: Sedan kan du satsa på att validera sidan också:

http://validator.w3.org/check?uri=http%3A%...Fsw%2Findex.asp

Ska prova med det.

Tack så mycket för hjälpen.