(X)HTML, JavaScript, DHTML, XML, CSS Client scripting tehnologije, Dynamic HTML, Cascading Stylesheets, XML i standardi |
|
Alati teme | Način prikaza |
|
23. 08. 2008. | #1 |
član
Na probnom radu
Datum učlanjenja: 07.07.2008
Lokacija: Jagodina
Poruke: 42
Hvala: 0
4 "Hvala" u 4 poruka
|
Clear:both ali samo unutar diva?
Kôd:
#left { float:left; width:100px; } Kôd:
right { float:right; widht:100px; } Kôd:
#main { margin-left:100px; margin-right:100px; } Kôd:
.box { float:left; width:100px; } Kôd:
<div id="left"> </div> <div id="right"> </div> <div id="main"> <div class="box"></div> <div class="box"></div> <div class="box"></div> <br class="clear" /> <div class="box"></div> <div class="box"></div> </div> tj to i radi kada se ispisuje samo u glavnom divu(#main), ali problem pravi leva strana koja je floatovana levo, i <br class="clear" /> "očisti" sve do ispod leve strane, i ostaje praznina između prvog i drugog reda elemenata u glavnom divu. Da li postoji neki elegantan način da ovo rešim, tj da se clear:both odnosi samo na div u kome se nalazi(sto bi i bilo logično?) ps. evo i slika, ako sam bio malo konfuzan Poslednja izmena od apash86 : 23. 08. 2008. u 01:40. |
23. 08. 2008. | #2 |
Goran Pilipović
Sir Write-a-Lot
|
css classic
stavi da ti je i taj main div float:left; (ili right)
__________________
Goran Pilipović a.k.a. Ugly Fingers Bradley f.k.a. bluesman I don't always know what I'm talking about but I know I'm right! |
23. 08. 2008. | #3 |
profesionalac
Qualified
Datum učlanjenja: 06.09.2007
Lokacija: Zrenjanin
Poruke: 109
Hvala: 21
11 "Hvala" u 11 poruka
|
#main {
margin-left:100px; margin-right:100px; overflow:auto; zoom:1 /* ie6 hack */ } kad god imas neki kontejner koji drzi floate u sebi, obavezno na njega stavi overflow:auto; da bi dobio visinu, jer kad inspektujes (sa Firebugom) videces da taj kontejner nema visinu koju ocekuje Obavezno za debagovanje ovakvih situacija koristi firbug |
23. 08. 2008. | #4 | ||
član
Na probnom radu
Datum učlanjenja: 07.07.2008
Lokacija: Jagodina
Poruke: 42
Hvala: 0
4 "Hvala" u 4 poruka
|
Citat:
Citat:
edit: Kôd:
#main { position: relative; /* margin-left: 155px; margin-right: 155px;*/ overflow: auto; } Poslednja izmena od apash86 : 23. 08. 2008. u 14:03. Razlog: radi:) |
||
23. 08. 2008. | #5 |
novi član
Datum učlanjenja: 16.02.2008
Poruke: 6
Hvala: 2
0 "Hvala" u 0 poruka
|
Fali ti # na right u CSS-u (ili si loše kopirao).
BTW, da li imaš tu klasu .clear? |
|
|
Slične teme | ||||
Tema | Početna poruka teme | Forum | Odgovori | Poslednja poruka |
Promena pozadine diva sa sadržajem koristeći fadeTo() + bug | apolo | (X)HTML, JavaScript, DHTML, XML, CSS | 4 | 24. 10. 2010. 20:24 |
Bottom poravnanje unutar nested DIV-a | ljtruba | Sva početnička pitanja | 3 | 02. 02. 2010. 16:52 |
problem sa clear:left | ivanhoe | (X)HTML, JavaScript, DHTML, XML, CSS | 6 | 21. 03. 2007. 11:41 |
clear:both IE i FF | misk0 | (X)HTML, JavaScript, DHTML, XML, CSS | 14 | 03. 03. 2006. 10:43 |
Varijable - vidljivost unutar klase | bojan_bozovic | PHP | 2 | 04. 02. 2006. 03:43 |