kolonu izkārtojums

[ray]

Man vajadzētu ar css izveidot šādu struktūru un kolonu izkārtojumu:

Kolona_1 - Kolona_2 - Kolona_3

 

Kolona_2 ir 800px plata, bet kolonas Kolona_1 un Kolona_3 ir katra 50% no palikušā.

 

Ar css nodefinēt to, ka vidējā kolona ir 800px nesagādā nekādas problēmas, bet nu problēmas sagādā kā lai nodefinē atlikušās divas kolonas, lai viņas ņemtu katra 50% no atlikušā platuma, kas kopā ir 100%.

 

Ceru, ka sapratāt manu problēmu.

 

p.s. kolonas ir veidotas ar div

Edited November 9, 2007 by ray

[localhero]

http://layouts.ironmyers.com/100_percent_Layouts/index.html

[andrisp]

localhero, tur tāda veida leiouta nav. Bet godīgi sakot, man arī nav ne jausmas kā tādu varētu panākt.

[Delfins]

Javascripts

[mefisto]

Haltūru no katra kas uzskata ka šito nevar.

http://innonesen.se/test/l-12/

[andrisp]

Es tieši gaidīju, ka mefisto ieliks te kādu leioutu, kas strādā :]

[ray]

Un kas man šī [mefisto dotā] css fragmetā jāizlabo/jāpievieno, lai man #right staipītos līdz vidējai kolonai. Piemēram #main ir 500px augsta [height] un es gribētu, lai uzreiz arī #right būtu automātiski 500 augsta.

 

Fragments no tā css, kur height vērtībai būtu automātiski jāstaipās.

#right{
width:			50%;
float:			right;
background: 	#666;
margin-right:	-200px; /*half of #main's width*/
height:			100px;
}

Edited November 9, 2007 by ray

[mefisto]

Atkarīgs no tā, kā tu vēlies, lai kolonas izskatās.

 

Ja abas kolonas vienā krāsā, tad : http://innonesen.se/test/l-12-100/

Ja velies dažādās krāsās vai ar kādu attēlu, tad iesaku papētīt http://www.alistapart.com/articles/fauxcolumns/

 

Otra tehnika būtu padarīt kolonas ļoti garas ( ~32000px ) un slēpt overflow'u.

[ray]

Ja abas kolonas vienā krāsā, tad : http://innonesen.se/test/l-12-100/

Ja velies dažādās krāsās vai ar kādu attēlu, tad iesaku papētīt http://www.alistapart.com/articles/fauxcolumns/

tas pirmais variants man kkā neder, jo vajag, lai fonā būtu attēls un abās malās savādāks jeb katrā malā cits, bet otro variantu īsti nevaru uztvert, kas tur jādara.