Jump to content
php.lv forumi

float:right;clear:left


Robis
 Share

Recommended Posts

Respektīvi:

kāpēc, ja es vienu elementu float:right un nākamajā rindā clear:right nākošajā elementā, jo vajag lai pēc tam floatojas pa labi līdz browser malai, nevis, kur iepriekšējā rindā float:right elementi palika, veidojas uz Firefox un Opera tāda kā tukša rinda starp elementiem??? Man vajag, lai elementi ir cieši viens zem otra! Kā to panākt?

Edited by Robis
Link to comment
Share on other sites

Aha! Visi te "gudrīši" tā saucamie - kad iesācējs jāapliek, tad ir gudrās d*ršanas, bet kad ir iespēja atbildēt uz reālu jautājumu - nu nekā! :)

 

 

Tiešām neviens nezin atbildi? Kāpēc tik elementāras lietas gļuko css?

Edited by Robis
Link to comment
Share on other sites

Robi, es atvainojos protams, bet tu esi stulbs. Vai tad tiešām nesaproti, ka par sēdēšanu forumā 24h diennaktī te nevienam nemaksā? Vai tad nesaproti, ka jāpagaida, kad kāds atnāks?

 

Par floatiem runājot. Man 2 div elementi viens zem otra ar tevis teiktajiem floatiem/cleariem rādās tieši viens zem otra (starpā 0px): http://home.lanet.lv/~sd10104/tmp/robiitim.html

 

Esi pārliecināts, ka neesi salicis marginus kautkādus?

Edited by bubu
Link to comment
Share on other sites

Nē, tu nesaprati ideju!

Respektīvi, ir top divs ar 100% width, kurā iekšā ir citi divi - dažiem ir float left, dažiem float right,

Zem top diva ir vēl viens divs - apakšējais pa 100% width, bet tam, ja es ielieku tajā divu float:left - ok, ir pie pašas kreisās malas, bet ja ielieku divu ar float:right, tad viņš nav pie pašas labās malas, bet pie tās vietas, kur beidzas pēdējais divs ar float right no tiem diviem, kas ir iekš top diva.

Bet ja es clear:right apakšējam lielajam divam zem top diva, tad veidojas tā atstarpe uz mozilla un firefox starp top divu un apakšējo divu.

Link to comment
Share on other sites

Nē, tu nesaprati ideju!
Njā, un no pirmā posta man vajadzēja saprast to ko tu ceturtajā biji sarakstījis...?!? Cilvēk iemācies izskaidrot problēmu, vai vismaz mazu piemēru iedot!

 

Zem top diva ir vēl viens divs - apakšējais pa 100% width, bet tam, ja es ielieku tajā divu float:left - ok, ir pie pašas kreisās malas, bet ja ielieku divu ar float:right...

Kāda jēga 100% width'am likt floatus?

 

Apskaties šito: http://home.lanet.lv/~sd10104/tmp/robiitim2.html Tā vajag?

Link to comment
Share on other sites

Nu, tak elementāri!

<div style="width:100%">
     <div style="float:left">pa kreisi (logo, piem)</div>
     <div style="float:right;width:40px;height:40px;"><img ...>Pirmaa poga no labās</div>
     <div style="float:right;width:40px;height:40px;"><img ...>Otrā poga no labās</div>
</div>
<div style="width:100%;clear:both">
     <div style="float:left">es es</div>
     <div style="float:right">pa labi</div>
</div>

 

Gadījums, ja mēs noņemam otrajam parent divam clear:both:

Lūk, uzraksts "pa labi" nelīdzinātos browsera labajai malai bet gan tieši pirms otrās pogas, respektīvi, sanāk, 80px no labās malas!

 

Gadījums, ja atstājam to clear:both:

Veidojas paliela sķirba starp augšējo divu un apakšējo!

Edited by Robis
Link to comment
Share on other sites

 Share

×
×
  • Create New...