View previous topic :: View next topic |
Author |
Message |
nemogirl
Joined: 27 Oct 2004 Posts: 386 Location: istra
|
Posted: 04.08.2006 12:28 Post subject: css: visina div-a u Firefoxu |
|
|
nisam se odavno css-ala , pa sam malo zakrzljala!
imam jedan content div koji mi ima bijeli background... unutar tog diva imam par divova gdje dodje meni i sadrzaj, tj. tekst+slike...itd. e sad - contetnt div-u nisam definirala visinu jer se ona mijenja ovisno o sadrzaju u ovim unutarnjim divovima..
u IE sve ok, a Firefox mi ne prikazuje background od contenta, osim kad mu definiram visinu! a to ne zelim....
poooomoc!
Code: | #content{
background-color: #ffffff;
width: 950px;
}
#tekst{
width: 700px;
/*....*/
}
|
Code: | <div id="content"><div id="tekst">tra lal alala lal a</div></div> |
|
|
|
Back to top |
|
|
sinisa.kusic
Joined: 26 Jul 2005 Posts: 728 Location: Rijeka
|
Posted: 04.08.2006 12:33 Post subject: |
|
|
ispod sadržaja unutar container diva stavi ovoj html :
Code: |
<div class="clearBoth"></div>
|
i ovaj css u svoj stylesheet :
Code: |
.clearBoth {
clear: both;
}
|
|
_________________ some are born awesome, some achieve awesomeness and some have awesomeness thrust upon them |
|
Back to top |
|
|
r3dsc0rpi0n
Joined: 20 Apr 2005 Posts: 354 Location: Zagreb
|
Posted: 04.08.2006 12:36 Post subject: |
|
|
Meni radi bez greske...nekaj si zbrljala daj url
@feelfree
cemu clear-anje ? |
_________________ ::: Fortis est, qui se vincit ! :::: |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 04.08.2006 12:41 Post subject: Re: css: visina div-a u Firefoxu |
|
|
nemogirl wrote: | imam jedan content div koji mi ima bijeli background... unutar tog diva imam par divova gdje dodje meni i sadrzaj, tj. tekst+slike...itd. e sad - contetnt div-u nisam definirala visinu jer se ona mijenja ovisno o sadrzaju u ovim unutarnjim divovima..
u IE sve ok, a Firefox mi ne prikazuje background od contenta, osim kad mu definiram visinu! a to ne zelim.... |
pliz URL/full HTML/CSS, ovo je lov u mutnom. |
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
:cosmos:
Joined: 12 Sep 2003 Posts: 2098 Location: México
|
Posted: 04.08.2006 12:41 Post subject: |
|
|
da, bolje daj cijeli css od tih divova i html
ako imas unutra neki div koji ima float, ovo sa backgoundom se desava, tako da onda koristi feelfriov savjet. i mislim da ce to uglavnom raditi.
mozda nisi zatvorila koji tag : |
|
|
Back to top |
|
|
sinisa.kusic
Joined: 26 Jul 2005 Posts: 728 Location: Rijeka
|
Posted: 04.08.2006 12:42 Post subject: |
|
|
@ r3dsc0rpi0n
predpostavljam da je problematični div floatan još uz to vrlo moguće da je dodan display: inline ( da se izbjegne double character bug u ie ) pa container div ne mijenja visinu ovisno o sadržaju. jednostavni ( i ja mislim jedini.. ispravi me ako sam u krivu ) fix je clearnje na kraju sadržaja unutar container diva |
_________________ some are born awesome, some achieve awesomeness and some have awesomeness thrust upon them |
|
Back to top |
|
|
nemogirl
Joined: 27 Oct 2004 Posts: 386 Location: istra
|
Posted: 04.08.2006 12:47 Post subject: |
|
|
@feelfree: no changes!
evo malo detaljnije koda:
css:
Code: |
body{
margin: 0px;
padding: 0px;
background-color: #549BD9;
background-image: url(images/back.gif);
background-repeat: repeat-x;
}
#content{
background-color: #ffffff;
width: 950px;
height: auto;
}
.naslov{
width: 781px;
height: 15px;
background-image: url(images/back_naslov.gif);
background-repeat: repeat-x;
padding-top: 20px;
font-family: Tahoma, "Trebuchet MS", Arial;
font-size: 18px;
color: #003A65;
font-weight: bold;
}
#lefti{
float: left;
width: 162px;
}
#rajti{
float: left;
width: 788px;
} |
a html
Code: |
<body>
<div id="content">
<div id="lefti">tu je neki meni</div><div id="rajti"><div class="naslov">Neki naslov</div></div></div>
</body> |
|
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 04.08.2006 12:51 Post subject: |
|
|
:cosmos: wrote: | tako da onda koristi feelfriov savjet. i mislim da ce to uglavnom raditi |
Quote: | pa container div ne mijenja visinu ovisno o sadržaju. jednostavni ( i ja mislim jedini.. ispravi me ako sam u krivu ) fix je clearnje na kraju sadržaja unutar container diva |
radit će, ali to je extra markup za hack, što je lejm (otprilike kao stavit valid XHTML link na takav site)... treba složit ispravni CSS, tj. float flow isfurat nazad gore do odgovarajućeg parenta.
Quote: | predpostavljam da je problematični div floatan još uz to vrlo moguće da je dodan display: inline ( da se izbjegne double character bug u ie ) |
to bi bio double margin bug |
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
sinisa.kusic
Joined: 26 Jul 2005 Posts: 728 Location: Rijeka
|
Posted: 04.08.2006 12:59 Post subject: |
|
|
maratz zna se dogodit i ponavljanje zadnja dva slova u zadnjem floataom divu ( najćešće kod više divova sa istim floatom )... isto kao i ovaj double margin bug... kod ie je sve nešto double shit someting
šta clearanje nije ispravno |
_________________ some are born awesome, some achieve awesomeness and some have awesomeness thrust upon them |
|
Back to top |
|
|
r3dsc0rpi0n
Joined: 20 Apr 2005 Posts: 354 Location: Zagreb
|
Posted: 04.08.2006 13:03 Post subject: |
|
|
Hehe da, jos nisam dostigao tu razinu vidovitosti na mi3ju (nemam dovoljno postova valjda )
@nemogirl
clear mora radit sad sam probo...
ali rade upotrijebi <hr />
pa u css-u
hr
{
clear: both;
visibility: hidden;
} |
_________________ ::: Fortis est, qui se vincit ! :::: |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 04.08.2006 13:05 Post subject: |
|
|
Code: | body { margin: 0; padding: 0; background: #549BD9 url(images/back.gif) repeat-x 0 0; }
#content { float: left; background: #ffffff; width: 950px; }
#nav { float: left; width: 162px; }
#main_content { float: left; width: 788px; }
h1 { width: 781px; height: 15px; background: url(images/back_naslov.gif) repeat-x; padding-top: 20px; font: bold 18px Tahoma, "Trebuchet MS", Arial, sans-serif; color: #003A65; } |
Code: | <body>
<div id="content">
<div id="nav">
<!-- tu je neki meni -->
</div>
<div id="main_content">
<h1>Neki naslov</h1>
</div>
</div>
</body> |
još jednom upotrebi id lefti ili rajti i bit će svega..
Quote: | maratz zna se dogodit i ponavljanje zadnja dva slova u zadnjem floataom divu ( najćešće kod više divova sa istim floatom )... isto kao i ovaj double margin bug... kod ie je sve nešto double shit someting |
to bi bio duplicate characters bug
Quote: | Code: | ali rade upotrijebi <hr /> |
|
kaj, hr kao Hrvatska? omg... |
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
r3dsc0rpi0n
Joined: 20 Apr 2005 Posts: 354 Location: Zagreb
|
Posted: 04.08.2006 13:08 Post subject: |
|
|
maratz wrote: |
kaj, hr kao Hrvatska? omg... |
bolje <hr /> nego <div class="clearBoth"></div>
ako imas bolje rijesenje slobodno se raspisi... |
_________________ ::: Fortis est, qui se vincit ! :::: |
|
Back to top |
|
|
sinisa.kusic
Joined: 26 Jul 2005 Posts: 728 Location: Rijeka
|
Posted: 04.08.2006 13:16 Post subject: |
|
|
ja se nadam da se maratz raspisao jer stvarno želim ispraviti način na koji pišem xhtml css =) ( .cleraBoth )
go maratz go =)
plz |
_________________ some are born awesome, some achieve awesomeness and some have awesomeness thrust upon them |
|
Back to top |
|
|
nemogirl
Joined: 27 Oct 2004 Posts: 386 Location: istra
|
Posted: 04.08.2006 13:31 Post subject: |
|
|
thanx svima a pogotovu marcu!
sad radi ali jos moram usporediti par kodova da bi do kraja kuzila u cemu je caka..
maratz wrote: |
još jednom upotrebi id lefti ili rajti i bit će svega..
|
ma daj...! imam feeling da tebi treba malo vise smijeha u zivotu |
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
sinisa.kusic
Joined: 26 Jul 2005 Posts: 728 Location: Rijeka
|
Posted: 04.08.2006 15:15 Post subject: |
|
|
@ maratz :
ovo gore je idealna situacija kad nije potreban fix... ovo moje je lijeno i nepravilno riješenje.. al kad pogledam ispravan način... o_O
u svakom slučaju hvala .. natjerao si me da se zapitam.. jer bio sam uvjeran da radim ispravno..
morati ću poraditi na ovome |
_________________ some are born awesome, some achieve awesomeness and some have awesomeness thrust upon them |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
sinisa.kusic
Joined: 26 Jul 2005 Posts: 728 Location: Rijeka
|
Posted: 04.08.2006 18:14 Post subject: |
|
|
da, sad sam naletio na ovaj zanimljiv članak koji je pokušao obuhvatiti sva riješenja za navedeni problem =)
ovaj fix koji si naveo je najbolje prošao |
_________________ some are born awesome, some achieve awesomeness and some have awesomeness thrust upon them |
|
Back to top |
|
|
Tristan
Joined: 01 Aug 2006 Posts: 614 Location: Under the sky
|
Posted: 04.08.2006 23:47 Post subject: |
|
|
Relativno sam nov u ovome pa bih vas molio da mi netko objasni ove fore sa ClearBothom... Ja sam imao isti problem sa ff- om, al' sam ga uspio rjesit.... Ne neki glupi nacin... |
_________________ Carpe diem... |
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 05.08.2006 10:15 Post subject: |
|
|
mMaster_hr wrote: | Relativno sam nov u ovome pa bih vas molio da mi netko objasni ove fore sa ClearBothom... |
http://www.w3schools.com/css/pr_class_clear.asp |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
Tristan
Joined: 01 Aug 2006 Posts: 614 Location: Under the sky
|
Posted: 05.08.2006 10:24 Post subject: |
|
|
Thnx |
_________________ Carpe diem... |
|
Back to top |
|
|
|