[es] - Pomoc: CSS background-color u Firefox-u

Bootta11
Bootta Ris

Član broj: 156731
Poruke: 33
87.250.117.*

Profil

Pomoc: CSS background-color u Firefox-u

^{13.05.2008. u 13:50 - pre 193 meseci}

Zdravo.Evo vec nekoliko dana radim na svom prvom sajtu,koristim css php i javascript, sve je islo dobro ali danas odjedno nece da radi css kod kako treba u Firefox-u(npr pozdina je crna iako nidgdje nisam zadao da bude crna, ne mogu da promijenim pozadine u div-ovima.Samo stoje boje koje sam zadao juce, iako sam ih danas mijenjao)dok u IE radi sve OK.Ima li ko ideju sta bi to moglo biti????Hvala
Evo i kod:
evo primjer koda:
index.php

Code:
<html>
  <head>
    <title>Moj Sajt - Pocetna</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
     </head>
  <body>
    <div id="wrapper">
      <div id="kontejner">
        <div id="header">
          <div id="headertxt">
            <h1>Moj sajt</h1>
          </div>

          <div id="menuholder">
            <ul>
              <li><a href="#">Pocetna</a></li><span>|</span>

              <li><a href="#" onMouseOver="showhidesubmenu('submenu');" onMouseOut="showhidesubmenu('submenu');">O sajtu</a></li><span>|</span>

              <li><a href="#">Informacije</a></li><span>|</span>
              <li><a href="#">Vijesti</a></li><span>|</span>
              <li><a href="#">Kontakt</a></li>

            </ul>
          </div>
        </div>

        <div id="submenu" onMouseOver="this.style.visibility='visible'" onMouseOut="this.style.visibility='hidden'" style="visibility:hidden;">
          <div id="oskoli">
            <ul>
              <li><a href="#">Option 1</a></li>
              <li><a href="#">Option 2</a></li>
              <li><a href="#">Option 3</a></li>
            </ul>
          </div>
        </div>

        <div class="clean"></div>
        <div class="centralnidio" id="centralnidio">
        <table width="100%" border="1">
        <tr><td width="20%">
          <div id="lijevakutija">
          <h1>lijeva kutija</h1>
          </div>
          </td>
          <td>
          <div id="sadrzaj">
          <h3>Sadrzaj</h3>
          </div>
          </td>
          <td width="20%">
          <div id="desnakutija">
          <h3>Desna kutija</h3>
          </div>
          </td>
          </tr></table>
        </div>

        <div class="clean"></div>

        <div id="footer">
          <div id="footsadrzaj">
            <h4>Created by <a href="#">N.R.</a></h4>
          </div>
        </div>
      </div>
    </div>

  </body>
</html>

(tabelu sam stavio malo prije jer samo pomocu nje mogu da namjestim boju i velicinu na centralnom dijelu stranice, css i div-ovi mi nikako nece da rade)
style.css

Code:

body{
    margin: 0;
    padding: 1px;
    font: verdana;
    font-size: 13px;
    background-color: white;
}

#wrapper{

    margin: 0px;
    padding: 0px;
    width: auto;
    background-color: white;
}

#kontejner{
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: white;
}

#header{
    width: 100%;
    background-image: url(images/menubg.gif);
    background-repeat: repeat-x;
    background-position:bottom;
    margin: 0px;
    padding: 0px 0px 2px 0px;
    background-color: white;
}
#headertxt h1{
    padding: 5px 0px 5px 0px;
    margin: 0px;
    color: red;
    font-weight: bold;
    font-size: 3em;
    margin-left: 10%;
    background-color: white;
}

.clean{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 10px;
    clear: both;
}
#footer{
    background: url(images/menubg.gif) top repeat-x white;
    padding: 25px 0px 2px 0px;
    margin: 0px;
    background-color: white;

}
#footsadrzaj{
    margin: 0px;
    padding: 0px;
    position: absolute;
    background-color: red;
    width: 100%;
    text-align: center;
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
}

#footsadrzaj h4{
    font-size: 0.9em;
    padding: 0px;
    margin: 0px;
    background-color: yellow;
}

#menuholder{
    width: auto;
    margin: 0px 0px 2px 300px;
    padding: 0px;
}
#menuholder ul{
    color: white;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#menuholder li{
    padding: 5px 10px 5px 10px;
    display: inline;
    text-align: center;
    margin: 0px;


}

#menuholder li:hover{
    background: url(images/menuhover.gif) repeat-x ;
    padding: 5px 10px 5px 10px;
    }
#menuholder span{
    background-color: red;
    padding: 0px;
    margin: 0px 0px 0px 3px;
}
#menuholder a{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px;
}

#menuholder a:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    color: yellow;
    text-decoration: none;
}

#submenu{
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 0px;
    top: 5px;
    background-color: green;
    height: 100px;
    width: 100px;
}

#centralnidio{
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 2px white solid;
    background-color: olive;
    min-width: 300px;
}

#desnakutija{
    padding: 0px;
    margin:0px 10px 0px 0px;
    width: 100%;
    height: 300px;
    border-bottom: 3px solid blue;
    border-top: 3px solid blue;
    background-color: white;
    float: right;
    position: relative;
}

#lijevakutija{
padding: 0px;
    margin:0px 0px 0px 10px;
    width: 100%;
    height: 300px;
    border-bottom: 3px solid blue;
    border-top: 3px solid blue;
    background-color: white;
    float: left;
    position: relative;

}
#submenu{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 25px;
    position: relative;
    background: gray;
    visibility: hidden;
}
#oskoli{
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 4px 0px 0px 0px;

}
#oskoli ul{
    margin:0px;
    padding: 0px;

    list-style-type: none;
}
#oskoli li{
    display: inline;
    margin:0px;
    padding: 4px 10px 4px 10px;
}
#oskoli a{
    text-decoration: none;
    font-weight: bold;
    color: aqua;
}

#oskoli li:hover{
    background-color: blue;
    }
#sadrzaj{
    margin: 0px;
    padding: 0px;
    position: relative;
    float: left;
}

_{[Ovu poruku je menjao Bootta11 dana 13.05.2008. u 16:35 GMT+1]}

Bootta Ris

Odgovor na temu