DevProTalk

Forumi IT profesionalaca
web development, web design, e-business, SEO


Idite nazad   DevProTalk > Web development i web aplikacije > (X)HTML, JavaScript, DHTML, XML, CSS
Beach Wedding Dresses - Looking for the Wedding Dress? Here, 1dress.co.uk stunning collection of beach wedding dresses is just what you are looking for.
charles wang

(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi

Odgovori
 
Alati teme Način prikaza
Staro 02. 12. 2007.   #1
Misko
Milorad Tošić
Certified
 
Avatar Misko
 
Datum učlanjenja: 12.04.2006
Lokacija: Niš
Poruke: 87
Hvala: 1
4 "Hvala" u 4 poruka
Misko is on a distinguished road
Default 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">&nbsp;</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">&nbsp;</div>
		<div class="footer" align="center">copyright &copy; 2007</div> 
	</div>
</div>
<!-- kraj footera -->

</div> <!-- ovo je kraj spoljnog -->
</body>
</html>
A ovo je css

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
Misko je offline   Odgovorite uz citat
Staro 02. 12. 2007.   #2
Misko
Milorad Tošić
Certified
 
Avatar Misko
 
Datum učlanjenja: 12.04.2006
Lokacija: Niš
Poruke: 87
Hvala: 1
4 "Hvala" u 4 poruka
Misko is on a distinguished road
Default

Rešio sam...

Ovo je kod

Kôd:
.sadrzajin {
	position: relative;
	background-color: #ffffff;
	width: 100%; 
	float: left; 
	padding: 0; 
}
Naznam zašto se ovo dešavalo... ako neko zna neka me prosvetli molim...
__________________
http://blog.webex.rs
Misko je offline   Odgovorite uz citat
Staro 02. 12. 2007.   #3
darche
becar paprikash
Na probnom radu
 
Avatar darche
 
Datum učlanjenja: 08.12.2006
Lokacija: Cirih
Poruke: 44
Hvala: 0
3 "Hvala" u 3 poruka
darche is on a distinguished road
Default 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; 
}
ubaci u svoj css - fajl sledecu klasu:

Kôd:
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* einfaches clearen von floats */
dodaj DIVu koji sad ima klasu .sadrzajin i .clearfix

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
darche je offline   Odgovorite uz citat
"Hvala" darche za poruku:
Staro 03. 12. 2007.   #4
Misko
Milorad Tošić
Certified
 
Avatar Misko
 
Datum učlanjenja: 12.04.2006
Lokacija: Niš
Poruke: 87
Hvala: 1
4 "Hvala" u 4 poruka
Misko is on a distinguished road
Default

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
Misko je offline   Odgovorite uz citat
Staro 03. 12. 2007.   #5
darche
becar paprikash
Na probnom radu
 
Avatar darche
 
Datum učlanjenja: 08.12.2006
Lokacija: Cirih
Poruke: 44
Hvala: 0
3 "Hvala" u 3 poruka
darche is on a distinguished road
Default

Citat:
Originalno napisao Misko Pogledajte poruku
inače hvala na utrošenom vremenu
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...
darche je offline   Odgovorite uz citat
Staro 03. 12. 2007.   #6
Misko
Milorad Tošić
Certified
 
Avatar Misko
 
Datum učlanjenja: 12.04.2006
Lokacija: Niš
Poruke: 87
Hvala: 1
4 "Hvala" u 4 poruka
Misko is on a distinguished road
Default

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
Misko je offline   Odgovorite uz citat
Odgovori


Alati teme
Način prikaza

Pravila pisanja
Možete ne započinjati nove teme
Možete ne slati odgovore
Možete ne slati priloge
Možete ne izmeniti svoje poruke
vB kôd je Uključen
Smajliji su Uključen
[IMG] kod je Uključen
HTML kôd je Isključen
Pogledajte forum

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. 21:06
Windows color profile bluesman Web Hosting, web serveri i operativni sistemi 2 13. 09. 2008. 13:39
T-Mobile Owns the Color Magenta Milos Vukotic Web site, dizajn i multimedia 1 05. 11. 2007. 14:59
IE brlja background-color andrej (X)HTML, JavaScript, DHTML, XML, CSS 2 29. 10. 2005. 20:35
Xtra lite AJAX color picker WinterMute (X)HTML, JavaScript, DHTML, XML, CSS 8 04. 07. 2005. 10:15


Vreme je GMT +2. Trenutno vreme je 22:28.


Blogodak - Domaci blogovi na jednom mestu Caught in a web - web dev blog
Powered by vBulletin® Verzija 3.6.8
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
Copyright © DevProTalk. All Rights Reserved.
Mišljenja, saveti, izjave, ponude ili druge informacije ili sadržaji nastali na Sajtu su vlasništvo onoga ko ih je kreirao, a ne DevProTalk.com, tako da ne morate da se oslanjate na njih.
Autori poruka su jedini odgovorni za ovakve sadržaje. DevProTalk.com ne garantuje tačnost, kompletnost ili upotrebnu vrednost informacija, stavova, saveta ili datih izjava. Ne postoje uslovi pod kojima bi mi bili odgovorni za štetu ili gubitak koji je posledica bilo čijeg oslanjanja na nepouzdane informacije, ili bilo kakve informacije nastale kroz komunikaciju između registrovanih članova.
Web sajt može sadržavati linkove na druge web sajtove na Internetu ili neke druge sadržaje. Ne kontrolišemo niti podržavamo te druge web sajtove, niti smo pregledali bilo kakve sadržaje na takvim sajtovima. Mi nećemo biti odgovorni za legalnost, tačnost ili prikladnost bilo kog sadržaja, oglasa, proizvoda, usluga ili informacije lociranim na ili distribuiranih kroz druge web sajtove, niti za bilo kakvu štetu nastalu kao posledica takvih informacija. DevProTalk.com drži i čuva druga prava vlasništva na web sajtu. Web sajt sadrže materijale zaštićene copyright-om, zaštitne znakove i druge informacije o pravu vlasništva ili softver. Članovi mogu poslatu informacije zaštićene pravima vlasništva njihovih nosilaca i ona ostaju zaštićena bez obzira da li su oni koji prenose te informacije to naveli ili ne. Osim informacija koje su u javnom vlasništvu ili za koje dobijete dozvolu, nemate pravo da kopirate, modifikujete ili na bilo koji način menjate, objavljujete, prenosite, distribuirate, izvršavate, prikazujete ili prodajte bilo koju informaciju zaštićenu pravima vlasništva. Slanjem informacija ili sadržaja na bilo koji deo DevProTalk.com, Vi automatski dozvoljavate i predstavljate garanciju da imate pravo da dozvolite DevProTalk.com ili članovima DevProTalk.com bespovratnu, kontinualnu, neograničenu, globalnu dozvolu da koriste, kopiraju, izvršavaju, prikazuju i distribuiraju takve informacije i sadržaje i da iz takvih sadžaja koriste bilo koji deo u bilo koje svrhe, kao i pravo i dozvolu da koriste gore navedene sadržaje. Svi zaštitni znakovi (trademarks), logotipi, oznake usluga, firme ili imena proizvoda koji se pominju na ovom web sajtu su vlasništvo kojim raspolažu njihovi vlasnici.