matx Posted May 25, 2006 Report Share Posted May 25, 2006 Sveiki! Tātad ir radies viens jautājums- tātad ir trīs kolonas, katrai būtu vajadzīgs vienāds augstums, vidējā kolona ir teksta kolona, kur teksts var būt 5 rindiņas un var būt vesala grāmata, ja teksts pārsniedz pārlūka izmērus, tad tā kolona kurā ir teksts izstiepjas, taču pārējās paliek vietā... tad nu jautājums kā panākt to, lai arī pārējais augstums būtu tāds pats kā tajā kolonā kur ir teksts? <body style="width:100%; height:100%;"> <div style="position:absolute; left:0; top:0; bottom:0; width:200px; height:100%; background:#00FFFF;"> kreisā puse! </div> <div style="position:absolute; left:200px; top:0; bottom:0; width:500px; height:100%; background:#CCCCCC;"> centrs <br /> centrs <br /> <!-- seit iet ljoti daudz teksta --> </div> <div style="position:absolute; left:700px; top:0; bottom:0; width:200px; height:100%; background:#FFFF00;"> labā puse </div> </body> Paldies! Link to comment Share on other sites More sharing options...
Axellence Posted May 25, 2006 Report Share Posted May 25, 2006 (edited) Bet Tu tak pats norādi ka tiem "div" "top" un "bottom" ir "0", līdz ar to viņi enivei būs tik augsti cik ir parent elements-respektīvi "body". Ieteiktu norādīt tikai "top:0" un "height: *cik vajag*px". <body style="width:100%; height:100%;"> <div style="position:absolute; left:0; top:0; width:200px; height:*cik vajag*px; background:#00FFFF;"> kreisā puse! </div> <div style="position:absolute; left:200px; top:0; width:500px; height:100%; background:#CCCCCC;"> centrs <br /> centrs <br /> <!-- seit iet ljoti daudz teksta --> </div> <div style="position:absolute; left:700px; top:0; width:200px; height:*cik vajag*px; background:#FFFF00;"> labā puse </div> </body> Edited May 25, 2006 by Axellence Link to comment Share on other sites More sharing options...
Grey_Wolf Posted May 25, 2006 Report Share Posted May 25, 2006 (edited) Axellence --> pirms devi padomu parbaudiji? un jautaajumu izlasiji? -------- matx--> Izmanto tabulu :) vareetu iztikt td> taga bez % bet tad korekti nestraadaa uz IE :( (nav iisti labi shaadi , bet straadaa) + netiekt liekta iespeeja visu korigjeet ar CSS (tabulas platums buus atkariigs no Div platumu & augstuma) <body style="width:100%; height:100%;"> <table border="1" ><tr><td height="1%"> <div style=" left:0; top:0; bottom:0; width:200px; height:100%; background:#00FFFF;"> kreisā puse! </div> </td><td > <div style=" left:200px; top:0; bottom:0; width:500px; height:100%; background:#CCCCCC;"> centrs <br /> seit iet ljoti daudz teksta </div> </td><td height="1%"> <div style=" left:700px; top:0; bottom:0; width:200px; height:100%; background:#FFFF00;"> labā puse </div> </td><tr></table> </body> straadaa korekti gan uz FF gan IE Edited May 25, 2006 by Grey_Wolf Link to comment Share on other sites More sharing options...
matx Posted May 25, 2006 Author Report Share Posted May 25, 2006 Bet Tu tak pats norādi ka tiem "div" "top" un "bottom" ir "0", līdz ar to viņi enivei būs tik augsti cik ir parent elements-respektīvi "body". Ieteiktu norādīt tikai "top:0" un "height: *cik vajag*px". Nē šitas variants ar norādīšanu neder, tad ir jānorāda garums visiem atsevišķi (tad atkal katrai sadaļai sanāk norādīt atsevišķi), jo ja norādīšu vidējam garumu, piemēram, 1000px; tad labā un kreisā puse tāpat paliks augstumā, kas ir loga lielumā (height:100%;)! Link to comment Share on other sites More sharing options...
matx Posted May 25, 2006 Author Report Share Posted May 25, 2006 matx-->Izmanto tabulu :) vareetu iztikt td> taga bez % bet tad korekti nestraadaa uz IE :( (nav iisti labi shaadi , bet straadaa) + netiekt liekta iespeeja visu korigjeet ar CSS (tabulas platums buus atkariigs no Div platumu & augstuma) Grey_Wolf... tomēr mēģināšu ar div'iem tikt galā, ceru, ka kaut kas izdosies... nu pēdējais variants tad būs tabulas...! Paldies vienalga par ieteikumu. Link to comment Share on other sites More sharing options...
eglitis Posted May 25, 2006 Report Share Posted May 25, 2006 pameklē tīklā, ir diezgan daudz resursu šīs problēmas risināšanai. Atslēgvārdi varētu būt "true layout" utml. Link to comment Share on other sites More sharing options...
Recommended Posts