Jump to content
php.lv forumi

div'u pozicionēšana!


matx

Recommended Posts

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

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 by Axellence
Link to comment
Share on other sites

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 by Grey_Wolf
Link to comment
Share on other sites

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

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

×
×
  • Create New...