[ Bootta11 @ 13.05.2008. 13:50 ] @
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"><!--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><!-- header end--> <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><!-- cleaner--> <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><!-- sadrzaj end--> <div class="clean"></div><!-- cleaner--> <div id="footer"><!-- footer--> <div id="footsadrzaj"><!--footsadrazaj--> <h4>Created by <a href="#">N.R.</a></h4> </div><!-- footsadrzaj end--> </div><!-- footer end--> </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] |