flexible vidus un malas pie apakšas

[ray]

Man ir css, ko man tur vajadzētu pārveidot, lai iegūtu attēlā redzamo.

 

Vajadzīgais rezultāts

esošais css

 

HTML:

<DIV class="container">
<DIV class="main">
	<DIV class="top_left">
		<img class="img" src="aa.jpg">
	</DIV>
	<DIV class="top_center">
		<img class="img" src="bb.jpg">
	</DIV>
	<DIV class="top_right">
		<img class="img" src="cc.jpg">
	</DIV>
	<DIV class="left">
		<img class="img" src="dd.jpg">
	</DIV>
	<DIV class="middle">Teksts, mainīgs... var būt garāks un īsāks.</DIV>
	<DIV class="right">
		<img class="img" src="ee.jpg">
	</DIV>
	<DIV class="bottom">
		<img class="img" src="ff.jpg">
	</DIV>
</DIV>
</DIV>

 

p.s. vidū iekrāsotais oranžā krāsā staipās, minimālais augstums 380.

[Delfins]

Pirmkārt, nav pateikts, kur problēma un kā pašlaik rāda (nu slinkums man tagad taisīt 2 failus)

Otrkārt.. kāpēc jāliek 2 ieliktie DIV-i bezjēgā. Ar vienu pietiek.

Kāpēc augšā sadalīta 3 DIV-os, ja var izmantot vienu DIV un vienu bildi (tā kā apakšā)

[ray]

Otrkārt.. kāpēc jāliek 2 ieliktie DIV-i bezjēgā. Ar vienu pietiek.

lai dabūtu centrā div.

 

 

problēma, ka es nezinu kā lai dabuj, tos div, kas ir gar malām pa vidu, pie apakšas (apakšējā div).

Edited January 7, 2008 by ray

[Delfins]

takš uzzīmē bildi... neviens te tagad nezīlēs..

 

http://www.google.lv/search?q=3+column+design

[ray]

takš uzzīmē bildi... neviens te tagad nezīlēs..

 

es jau uzzīmēju bildi. pirmajā postā zem linka "vajadzīgais rezultāts".

[Delfins]

Manuprāt, ka akurāt bez lielā čakara neko tādu nedabūs... vismaz ar DIV-iem... Kad 2 vienā kolonnā alignojas pa augšu/leju vienlaicīgi.

[mefisto]

Nez kādēļ man Delfīna 'viedoklis' vienmēr izraisa līdzcietīgu smaidu.

It kā jau vajadzetu ieteikt mācīties, bet viņa vecumā tas ir ļoti grūti

(ņemot vērā ka mācījies lapas taisīt viņš ir 90 gadu vidū).

 

 

 

Ray

Te ir apmēram tas ko tu vēlējies. Pamainīju nosacījumu par kontenta minimālo augstumu,

jo uzskatu ka lapau jābūt ir vismaz 100% augstai (aka: full-height page).

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

 

laiks: 20min.

[ray]

Paldies, pēc pirmā acu uzmetiena izskatās tieši tas ko vajag ;)