Back to top

Autore Topic: larghezza di 2 div allineati  (Letto 1434 volte)

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
larghezza di 2 div allineati
« il: 08 Nov 2009, 16:40:27 »
ciao
vengo al dunque
avendo 2 div allineati  con il fload:left
user1-user2
per far prendere la larghezza totale al' user1 in mancanza del' user2 come si potrebbe fare?

usando una tabella di due colonne e gestibile tramite tabella e si espande in automatico in mancanza del'user2.

ma io non voglio fare tabelle in un template fatto tutto a div.

come potrei fare ?

ditemi se sono da ricovero  ;D se io faccio gestire il tutto ad una regola

del tipo

Codice: [Seleziona]
<!-- x allargare quando manca user2-->
<?php if($this->countModules('user2')) : ?>
<style type="text/css">
#user1column
{
width:50%;
}
</style>
<?php else : ?>
<style type="text/css">
#user1column
{
width: 100%;
}
</style>
  <?php endif; ?>

il tutto funziona dalle prove fatte in mancanza dell'user2 l'user1 occupa anche lo spazio delluser2.
« Ultima modifica: 08 Nov 2009, 18:00:19 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline maicolstaip

  • Global Moderator
  • Instancabile
  • ********
  • Post: 17623
  • Sesso: Maschio
    • Mostra profilo
Re:larghezza di 2 div allineati
« Risposta #1 il: 08 Nov 2009, 16:59:23 »
Ciao conti1,
nel template free redevo allium c'è un sistema simile.
Loro usano nell'index.php:

Codice: [Seleziona]
<style type="text/css">
<?php if(!$this->countModules('left')) : ?>
 #main{width:100%!important; float:left;}
<?php endif; ?>
<?php if($this->countModules('user1 + user2')==1) : ?>
 #user2{width:100%;}
 #user1{width:100%;}
<?php endif; ?>
<?php if(!$this->countModules('right')) :?>
#middle{width:100%;}
<?php endif; ?>
</style>

All'interno di <head> </head>

e

Codice: [Seleziona]
<div id="main">
<?php if($this->countModules('user1 + user2')) : ?>
<div id="user12">
<div id="user1"><jdoc:include type="modules" name="user1" style="xhtml" /></div>
<div id="user2"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
<div class="clear"></div>
</div>

all'interno di <body> </body>

Però nel css hanno:
Codice: [Seleziona]
#user1{width:50%; float:left;}
#user2{width:49.5%; float:right;}

Non si risponde a PM tecnici. Postate sul forum. Grazie.

 



Web Design Bolzano Kreatif