(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 |
02. 12. 2007. | #2 |
Milorad Tošić
Certified
Datum učlanjenja: 11.04.2006
Lokacija: Niš
Poruke: 87
Hvala: 1
4 "Hvala" u 4 poruka
|
Rešio sam...
Ovo je kod Kôd:
.sadrzajin { position: relative; background-color: #ffffff; width: 100%; float: left; padding: 0; }
__________________
http://blog.webex.rs |
02. 12. 2007. | #3 |
becar paprikash
Na probnom radu
Datum učlanjenja: 08.12.2006
Lokacija: Cirih
Poruke: 44
Hvala: 0
3 "Hvala" u 3 poruka
|
neverujem da ti je ovo pravo resenje...
cao misko...
pre svega najlakse bi bilo kada bi tu bio link ka stranici na kojoj radis.. mislim da ti ovo nije neko resenje.. mozda "floatovanje" "parent - objekta" cini stvar, ja mislim da ti FF nije pokazivao belu, bas zato sto nisi "cleareovao" ta 2 objekta u sto ti se nalaze u "sadrzajin" -u uradi sledece... izbaci taj float Kôd:
.sadrzajin { position: relative; background-color: #ffffff; width: 100%; float: left; padding: 0; } Kôd:
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* einfaches clearen von floats */ mora da radi.. procitaj simple_clearing_of_floats/ nadam se da je pomoglo - ako gresim - sorry... inace ovaj clearfix mozes da koristis na svaki "parent" element u kojima imas "floatovane" objekte....ustvari sve pise tu u tekstu pozdrav |
"Hvala" darche za poruku: |
03. 12. 2007. | #4 |
Milorad Tošić
Certified
Datum učlanjenja: 11.04.2006
Lokacija: Niš
Poruke: 87
Hvala: 1
4 "Hvala" u 4 poruka
|
Nisam probao ovo što mi predlažeš iz prostog razloga jer sam rešio problem... mada mislim da nije bilo do klirovanja jer sam probao nešto slično... a i elementi koji su floatovani unutar .sadrzajin se dobro prikazuju... kad sam stavio border ovom elementu (kasno palim ) video sam da je sabijen u vrhu parent elementa... problem je čini mi se bio u paddingu.. kao da IE "guta" takav kod a FF "ne guta"... kada sam setovao širinu elementa na 100% i dao padding nula, sve je proradilo kako treba...
inače hvala na utrošenom vremenu
__________________
http://blog.webex.rs |
03. 12. 2007. | #5 |
becar paprikash
Na probnom radu
Datum učlanjenja: 08.12.2006
Lokacija: Cirih
Poruke: 44
Hvala: 0
3 "Hvala" u 3 poruka
|
Prijatelju - nije utroseno vreme..za ovakve stvari su forumi tu...
E sad - ipak pokusaj ovaj drugi predlog...imam osecaj da ti funkcionise, jer si u drugom primeru CSSa floatovao .sadrzajn u levo u prvome primeru nisi... za test skini taj float, bas bi me interesovalo, dali ce sve da radi sa tim drugim promenama...mislim na taj padding sto pominjes! Nebili ti se desilo da ti i.E.6 pobrlja sve sto trenutno radi u FF i i.e.7 i eventualno u operi.. ah da - mani se HACKOVA radi da conditional comments... vrlo jednostavno pri primeni a i pomaze ti mnogo pri trazenju gresaka u starim browserima pozdrav... Iz Ciriha / ili Sr.Mitrovice... |
03. 12. 2007. | #6 |
Milorad Tošić
Certified
Datum učlanjenja: 11.04.2006
Lokacija: Niš
Poruke: 87
Hvala: 1
4 "Hvala" u 4 poruka
|
hmmm... u pravu si... nema veze s padingom... ipak je floatovanje u pitanju... kad floatujem element u levo ili desno onda radi... kad skinem float ne radi...
naravo radi kad upotrebim ovo rešenje koje si ti postovao... hvala još jednom...
__________________
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 |