(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
02. 12. 2007. | #1 |
Milorad Tošić
Certified
Datum učlanjenja: 11.04.2006
Lokacija: Niš
Poruke: 87
Hvala: 1
4 "Hvala" u 4 poruka
|
background-color u FF...
Nešto sam propustio... ali neznam šta... lupam glavu već nekoliko sati i ništa mi ne pada na pamet... na prvi pogled sve bi trebalo da je OK... međutim u IE se vidi onako kako treba dok FF ne prikazuje boju pozadine layera... jel zna neko u čemu je problem?...
Evo i koda Kôd:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <title>Naslov</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="robots" content="ALL" /> <meta name="Content-Language" content="sr" /> <link rel="stylesheet" type="text/css" href="css/screen.css" /> </head> <body> <div id="spoljni"> <!-- pocetak headera --> <div class="gornji"> <div class="header"> <ul id="navigacija"> <li class="prvi"><a href="#" class="aktivan"><span>Naslovna</span></a></li> <li><a href="#"><span>Meni broj 1</span></a></li> <li><a href="#"><span>Meni broj 2</span></a></li> <li><a href="#"><span>Meni broj tri</span></a></li> <li><a href="#"><span>Meni broj 4</span></a> <li><a href="#"><span>Meni</span></a> <li class="zadnji"><a href="#"><span>Meni broj sedamnaest</span></a></li> </ul> <div id="slika"> </div> </div> </div> <!-- kraj headera i pocetak sadrzaja --> <div class="sadrzaj"> <div class="sadrzajin"> <div class="levo">Levo</div><div class="desno">Desno</div> </div> </div> <!-- kraj sadrzaja i pocetak footera --> <div class="kraj"> <div class="krajin"> <div class="dno"> </div> <div class="footer" align="center">copyright © 2007</div> </div> </div> <!-- kraj footera --> </div> <!-- ovo je kraj spoljnog --> </body> </html> Kôd:
* { padding: 0px; margin: 0px; } body { background: #343436 url('../images/bgd.gif') repeat-x; font-size: 11px; font-family: "trebuchet ms", helvetica, sans-serif; color: #343436; line-height: 18px; } a { color: #343435; font-weight: bold; text-decoration: underline; } a:hover { font-weight: bold; text-decoration: none; } #spoljni { width: 100%; } .gornji { position: relative; width: 100%; } .header { position: relative; width: 800px; margin: 0px auto; padding-top: 25px; /*border: 1px solid white;*/ } ul, ol, li { list-style-type:none; line-height:0; } ul#navigacija { float:left; padding-top:0px; width: auto; height:38px; background:url('../images/nav-bg.gif') no-repeat right bottom; } ul#navigacija li { float:left; width:auto; } ul#navigacija li.prvi { background:url('../images/nav-bg.gif') no-repeat left bottom; } ul#navigacija li.prvi a.aktivan, ul#navigacija li.prvi a:hover { background:url('../images/nav-bg-over.gif') no-repeat left bottom; } ul#navigacija li a { display:block; padding:8px 0 0 0; color:#333; text-decoration:none; width:auto; } ul#navigacija li a span { padding:0 20px; font-size:12px; line-height:30px; text-transform:uppercase; position:relative; display:block; z-index:20; } ul#navigacija li.prvi span { border:none; } ul#navigacija li a:hover, ul#navigacija li a.aktivan { background:url('../images/nav-bg-over.gif') no-repeat center bottom; color:#fff; position:relative; } ul#navigacija li.zadnji a:hover, ul#navigacija li.zadnji a.aktivan { background:url('../images/nav-bg-over.gif') no-repeat right bottom; } #slika { position: relative; width: 800px; margin-top: 38px; *//*ie hack*/margin-top: -25px; /*background: #fff;*/ height: 266px; background:url('../images/header.jpg') no-repeat left top; } .sadrzaj { position: relative; width: 100%; } .sadrzajin { position: relative; width: 800px; margin: 0px auto; background-color: #ffffff; } .levo { position: relative; float: left; margin-left: 20px; border: 1px solid black; width: 465px; padding-top: 10px; } .desno { position: relative; float: right; border: 1px solid red; width: 255px; margin-right: 10px; padding-top: 10px; } .kraj { position: relative; width: 100%; clear: both; } .krajin { position: relative; margin: 0px auto 0px; width: 800px; /*border: 1px solid #f5f;*/ } .dno { position: relative; background: url('../images/dno.gif') no-repeat left top; height: 10px; } .footer { position: relative; color: #999; font-size: 10px; } .footer a { color: #999; font-weight: bold; text-decoration: none; } .footer a:hover { color: #999; font-weight: bold; text-decoration: underline; } Ne prikazuje background-color u divu sadrzajin... Zbog čega? I kako to da rešim... svaki predlog je dobrodošao i unapred hvala na pomoći.
__________________
http://blog.webex.rs |
|
|
Slične teme | ||||
Tema | Početna poruka teme | Forum | Odgovori | Poslednja poruka |
Style Switcher with Color Picker | Mladjo | Web aplikacije, web servisi i software | 5 | 07. 03. 2010. 20:06 |
Windows color profile | bluesman | Web Hosting, web serveri i operativni sistemi | 2 | 13. 09. 2008. 12:39 |
T-Mobile Owns the Color Magenta | Milos Vukotic | Web site, dizajn i multimedia | 1 | 05. 11. 2007. 13:59 |
IE brlja background-color | andrej | (X)HTML, JavaScript, DHTML, XML, CSS | 2 | 29. 10. 2005. 19:35 |
Xtra lite AJAX color picker | WinterMute | (X)HTML, JavaScript, DHTML, XML, CSS | 8 | 04. 07. 2005. 09:15 |