nestaipas div

[ray]

man ir šāds kods:

<div style="margin: auto; height: auto; width: 660px;">
<div style="width: auto; height: auto; margin-bottom: 5px;">
	<div style="text-align: left; float: left;">
		<img src="bilde1.jpg">
	</div>
	<div style="text-align: left; float: right">
		<img src="bilde2.jpg">
	</div>
</div>
</div>

 

kā panākt to, ka pirmais un otrais div ir apkārt tiem abiem iekšējiem div? kad pie šāda koda uzliek border: 1, tad var redzēt, ka div ir virs viņiem un nestaipās līdz.

[andrisp]

Varianti:

1) Parent divam arī uzliec float: left;

2) Parent divam uzliec, padding-bottom: 1px;

3) Aiz tiem diviem iekšējiem diviem ieliec vienu elementu (piem., to pašu div) ar clear: both;

[mefisto]

Ptiesībā ir tikai 3šais vaiants, jo 1ais izmanto kļūdu float implementācijā (kas ir labota uz FF3 un O9.5) un 2ais liekas arī izmaantoja kaut kādu kļūdu.

 

Lasāmviela :

• http://www.ejeliot.com/blog/59
  
• http://www.positioniseverything.net/easyclearing.html
  
• http://www.quirksmode.org/css/clearing.html
  
• http://www.complexspiral.com/publications/containing-floats/
  

[andrisp]

mefisto, nevienā no tiem rakstiem neatradu, kur būtu apstiprināts tas, ko saki. Vai arī nepamanīju. Tādā gadijumā tu varētu nocitēt.

 

Vispār jau tajos rakstos tieši ir pieminēts, ka var arī izmantot 1. metodi.

[mefisto]

Mēģināji atvērt uz FF3 ? 1. variants uz tā nestrādā.

Nedrīkst aizmirst ka tie raksti nemaz nav tik jauni, un contēneri parasti floato, lai noteiktu 'scope' priekš clear'a.

Edited January 11, 2008 by mefisto

[andrisp]

mefisto, tikko speciāli uzkrāmēju ff3b2 no portableapps.com un pārbaudīju. Un strādā!

 

contēneri parasti floato, lai noteiktu 'scope' priekš clear'a.

Šo es nesapratu.

[mefisto]

Foršās drukas kļūdas man.

 

Principā ir tā (vismaz cik nu es to saprotu) , float'ots objekts nestiepj kontēneri.

Arī float'ota kontēnera float'otie objekti nestiepj floatl'oto kontēneti.

 

Piemēram apskaties uz šo kodu. http://paste.css-standards.org/30508/view

Cik nu tika iekš #css@freenode izpīpēts (piedalījos tikai kā viens no diskutētājiem),

tad zaļajam laukam nevajadzētu būt redzamam nevienā bowserī.

Vistuvāk tika Opera9.5beta-mac (win32 versija un FF3 bija +/- identiskas).

 

Neesu gan pārliecināts vai rezultāts bija pareizs , jo katrs broeseris šito uztver savadāk.

 

Kas attiecas uz šito nožēlojamo drukas kļūdu (!!!)

contēneri parasti floato, lai noteiktu 'scope' priekš clear'a.

Tad es rīt no rīta uztaisīšu mazu testcase lai nodemonstrētu par ko bija runa. (nāk drausmīgi miegs tagad.) Edited January 11, 2008 by mefisto

[andrisp]

Ok, gaidu, šobrīd liekas, ka mēs runājam par divām dažādām lietām.

 

PS. Ja reāli tev ir taisnība par to 1. variantu un, ka nākotnē tas varētu pazust no pārlūkiem, tad ir dimbā. Gan daudziem man grieztajiem dizainiem, gan domājams, daudziem citu cilvēku.

Edited January 12, 2008 by andrisp