selain ongelma

ongelma on että kun pistän allaolevan css tiedoston sivuuni, niin opera ja mozilla ei näytä sen jälkeen sivun taustaväriä tai bordereitten väriä.. apua?

body {
font-family:Arial,Helvetica,sans-serif;
color:#fff;
background:#3c3c3ccenter;
margin:0;
}
a {
font-weight:bold;
text-decoration:none;
color:#fc3;
}
a:hover {
text-decoration:underline;
}
img {
border:0;
}
ul, li {
padding:0;
border:0;
margin:0;
list-style:none;
}
h1, h2, h3, h4, h5 {
padding:0;
margin:0;
}
table {
font-size:11px;
border-collapse:collapse;
}
#body_shell {
width:760px;
text-align:left;
}
#body_wrap {
width:760px;
float:left;
}
#header_all {
width:760px;
height:74px;
background-color:#333;
background-repeat:no-repeat;
}
#header_all {background-image:url(header_all.png);}
#masthead {
width:450px;
height:74px;
font-size:1px;
float:left;
}
#global_nav {
width:760px;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:10px;
background:#ccc url(nav.gif) repeat-x;
border-top:1px solid #000;
float:left;
overflow:hidden;
}
#global_nav li {
float:left;
}
#global_nav a {
font-weight:bold;
color:#333;
padding:10px 10px 11px 11px;
float:left;
display:block;
}
#global_nav a:hover {
text-decoration:none;
color:#fff;
background:#ccc url(nav_over.gif) repeat-x;
}
#content_wrap {
width:760px;
font-size:12px;
color:#fff;
float:left;
}
.txt1 {
color:#fff;
}
.txt2 {
color:#ccc;
}
.lnk1 {
color:#fc3;
}
.lnk2 {
color:#f90;
}
.lnk3 {
color:#fff;
}
.error {
color:#f93;
}
.all {
color:#fc3;
}
#main_col h4, #side_col h4 {
font-size:12px;
line-height:15px;
padding:5px 10px;
clear:both;
}
#col_wrap {
width:760px;
background:#3F4A59 url(col_wrap_all.gif) repeat-y;
border-top:1px solid #8aa9c2;
float:left;
}
#neck {
width:760px;
height:10px;
font-size:1px;
background:#3F4A59 url(neck_all.gif) repeat-x top;
clear:both;
}
#main_col_wrap {
width:446px;
overflow:hidden;
float:left;
}
#main_col {
padding:0 7px 7px;
}
#side_col_wrap {
width:308px;
background-image:url(side_colwrap_all.gif);
background-repeat:no-repeat;
padding:0 0 7px 6px;
float:left;
}
#side_col {
width:302px;
margin-top:7px;
}
.module_wrap, .bubble_wrap {
clear:both;
}
.module_head {
width:100%;
font-size:11px;
line-height:14px;
color:#000;
background:url(head_all.gif) no-repeat top right;
float:left;
}
#col_wrap #main_col .module_head {
width:432px;
}
.module_head a, #main_col .module_head a {
color:#000;
}
.module_head .module_head_right {
font-size:10px;
padding:4px 18px 0 0;
float:right;
}
.module_head h2 {
font-size:11px;
line-height:14px;
padding:4px 0 4px 10px;
float:left;
}
#side_col .module_head h2 {
background:#737D8C url(head_all.gif) no-repeat top left;
}
.module, .bubble {
padding-bottom:20px;
clear:both;
}
#side_col .module_wrap, #side_col .bubble_wrap {
padding-bottom:7px;
}
#side_col .module, #side_col .bubble {
font-size:11px;
color:#ccc;
background:url(module_302.gif) no-repeat bottom;
padding:0 7px 10px;
}
#side_col h4 {
color:#fff;
background:#444;
}
form {
display:inline;
}
#content_wrap select, #content_wrap input, #content_wrap textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.form {
color:#fff;
background:#222;
}
.w288 {width:288px;}
.w288 {width:288px;}
5532
Äänestä

Muut lukivat myös

Vastaukset 5

Vanhimmat

body {
font-family:Arial,Helvetica,sans-serif;
color:#fff;
background:#3c3c3ccenter;
margin:0;
}
/*pitää olla*/
body {
font-family:Arial,Helvetica,sans-serif;
color:#fff;
background:#3c3c3c;
margin:0;
}

Äänestä
  • /*pitää olla*/
    body {
    font-family:Arial,Helvetica,sans-serif;
    color:#fff;
    background:#3c3c3c;
    margin:0;
    text-align: center;
    }

    Sillä tuossa alkuperäisessä on center ja luulen sen tarkoittavan tuota.

    Äänestä

CSS-koodisi on väärää, alkaen siitä, että background-ominaisuuden arvo on vääränmuotoinen. Unohditko käyttää CSS-tarkistinta?
( http://jigsaw.w3.org/css-validator/ )

Jatkossa kannattaa kertoa URL eikä valuttaa pelkkää CSS-koodia silmille.

Äänestä
  • taustaväri näkyy, mutta borderit ovat ihan omituiset. haluisin ihan normaalit reunat että olisi kaikissa selaimissa samanlaiset

    Äänestä

  • eitoimi kirjoitti:

    taustaväri näkyy, mutta borderit ovat ihan omituiset. haluisin ihan normaalit reunat että olisi kaikissa selaimissa samanlaiset

    Me kun ei voida tietää minkälaiset ne on ja minkälaiset niiden pitäisi olla.

    Eli ei tuohon pysty mitään sanomaan. Nopeasti vilkaistuna borderit on ihan oikein määritetty. Jos ne ei ole halutunlaiset, niin sinun pitää kertoa tarkemmin ja tarvittaessa laittaa vaikka kuvanäytettä jne.

    Äänestä

Kommentoi aloitusta


ongelmamies kirjoitti:

ongelma on että kun pistän allaolevan css tiedoston sivuuni, niin opera ja mozilla ei näytä sen jälkeen sivun taustaväriä tai bordereitten väriä.. apua?

body {
font-family:Arial,Helvetica,sans-serif;
color:#fff;
background:#3c3c3ccenter;
margin:0;
}
a {
font-weight:bold;
text-decoration:none;
color:#fc3;
}
a:hover {
text-decoration:underline;
}
img {
border:0;
}
ul, li {
padding:0;
border:0;
margin:0;
list-style:none;
}
h1, h2, h3, h4, h5 {
padding:0;
margin:0;
}
table {
font-size:11px;
border-collapse:collapse;
}
#body_shell {
width:760px;
text-align:left;
}
#body_wrap {
width:760px;
float:left;
}
#header_all {
width:760px;
height:74px;
background-color:#333;
background-repeat:no-repeat;
}
#header_all {background-image:url(header_all.png);}
#masthead {
width:450px;
height:74px;
font-size:1px;
float:left;
}
#global_nav {
width:760px;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:10px;
background:#ccc url(nav.gif) repeat-x;
border-top:1px solid #000;
float:left;
overflow:hidden;
}
#global_nav li {
float:left;
}
#global_nav a {
font-weight:bold;
color:#333;
padding:10px 10px 11px 11px;
float:left;
display:block;
}
#global_nav a:hover {
text-decoration:none;
color:#fff;
background:#ccc url(nav_over.gif) repeat-x;
}
#content_wrap {
width:760px;
font-size:12px;
color:#fff;
float:left;
}
.txt1 {
color:#fff;
}
.txt2 {
color:#ccc;
}
.lnk1 {
color:#fc3;
}
.lnk2 {
color:#f90;
}
.lnk3 {
color:#fff;
}
.error {
color:#f93;
}
.all {
color:#fc3;
}
#main_col h4, #side_col h4 {
font-size:12px;
line-height:15px;
padding:5px 10px;
clear:both;
}
#col_wrap {
width:760px;
background:#3F4A59 url(col_wrap_all.gif) repeat-y;
border-top:1px solid #8aa9c2;
float:left;
}
#neck {
width:760px;
height:10px;
font-size:1px;
background:#3F4A59 url(neck_all.gif) repeat-x top;
clear:both;
}
#main_col_wrap {
width:446px;
overflow:hidden;
float:left;
}
#main_col {
padding:0 7px 7px;
}
#side_col_wrap {
width:308px;
background-image:url(side_colwrap_all.gif);
background-repeat:no-repeat;
padding:0 0 7px 6px;
float:left;
}
#side_col {
width:302px;
margin-top:7px;
}
.module_wrap, .bubble_wrap {
clear:both;
}
.module_head {
width:100%;
font-size:11px;
line-height:14px;
color:#000;
background:url(head_all.gif) no-repeat top right;
float:left;
}
#col_wrap #main_col .module_head {
width:432px;
}
.module_head a, #main_col .module_head a {
color:#000;
}
.module_head .module_head_right {
font-size:10px;
padding:4px 18px 0 0;
float:right;
}
.module_head h2 {
font-size:11px;
line-height:14px;
padding:4px 0 4px 10px;
float:left;
}
#side_col .module_head h2 {
background:#737D8C url(head_all.gif) no-repeat top left;
}
.module, .bubble {
padding-bottom:20px;
clear:both;
}
#side_col .module_wrap, #side_col .bubble_wrap {
padding-bottom:7px;
}
#side_col .module, #side_col .bubble {
font-size:11px;
color:#ccc;
background:url(module_302.gif) no-repeat bottom;
padding:0 7px 10px;
}
#side_col h4 {
color:#fff;
background:#444;
}
form {
display:inline;
}
#content_wrap select, #content_wrap input, #content_wrap textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.form {
color:#fff;
background:#222;
}
.w288 {width:288px;}
.w288 {width:288px;}

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu