WebSite X5Help Center

 
Roberto N.
Roberto N.
User

Dimensionare oggetti verticalmente di dimensioni diverse  it

Autor: Roberto N.
Besucht 1419, Followers 1, Geteilt 0  

Buongiorno a tutti, volevo sapere se qualcuno sa come si possono portare a dimensione verticale identiche due oggetti che sono di altezze diverse, considerando che il loro contenuto è di dimensione variabile... vedi sotto esempio:

Grazie in anticipo per eventuali suggerimenti.

Esempio:

*  ----- Come andrebbe modificato questo CSS ? --------

.Contenitore {
 margin: auto;
 overflow: hidden;
}
.BoxEsterno {
 position:relative;
 float:left;
 background:#F0F62F;
    padding:10px;
 width:50%;
 height:100%;
 border:1px solid #F060F6;
 box-sizing:border-box;
}
.BoxInterno {
 position:relative;
 float:left;
 background: white;
 padding:10px;
 width:100%;
 height:auto;
 padding:5px;
 box-sizing:border-box;
}

* HTML

<div class="Contenitore">    <!--- Primo box -->
    <div class="BoxEsterno">
        <div class="BoxInterno">
            <p>Riga 1</p>
            <p>Riga 2</p>
            <p>Riga 3</p>
        </div>
 </div>
 
 <!--- Secondo box -->
    <div class="BoxEsterno">
        <div class="BoxInterno">
          <p>Riga 1</p> 
        </div>
 </div>
 
</div>

Gepostet am
8 ANTWORTEN - 1 KORREKT
Fabio C.
Fabio C.
User

Se sono aggetti Testo devi dare la stessa altezza alle 2 celle, se invece è un oggetto HTML devi dare le stesse misure dell'altezza all'interno dell'oggetto stesso.

Mehr lesen
Gepostet am von Fabio C.
Roberto N.
Roberto N.
User
Autor

Ciao Patrizia, purtroppo i due oggetti non hanno mai altezza di partenza identica in quanto l'oggetto di sinistra contiene sempre testo e immagine e l'oggetto di destra contiene sempre solo testo ma di lunghezza variabile.

Mehr lesen
Gepostet am von Roberto N.
Skeggia 12
Skeggia 12
Moderator

se non vuoi usare codici devi inserire i due box in due oggetti html separati sulla stessa riga della griglia di pagina, e siccome website, due o più oggetti affiancati sulla stessa riga, li dimensiona con la stessa altezza, avresti risolto il problema... per lo stile dello sfondo e il bordo agisci sullo stile delle celle...

Mehr lesen
Gepostet am von Skeggia 12
Roberto N.
Roberto N.
User
Autor

Ciao Skeggia, purtroppo sono obbligato ad usare il codice in quanto e una pagina totalmente costruita con codice PHP.

Mehr lesen
Gepostet am von Roberto N.
Fabio C.
Fabio C.
User
Roberto N.
Ciao Skeggia, purtroppo sono obbligato ad usare il codice in quanto e una pagina totalmente costruita con codice PHP.

Come detto da me e da Skeggia, se metti gli oggetti affiancati e dai la stessa altezza alle celle website li dimensiona con la stessa altezza.

http://www.4yousolution.com/PROVE/calendar.php

Mehr lesen
Gepostet am von Fabio C.
Roberto N.
Roberto N.
User
Autor

Ciao Skeggia, è esattamente quello che mi serviva... grazie al tuo suggerimento ho risolto problema !

Buona giornata e Grazie mille a tutti per i vostri suggerimenti !

Mehr lesen
Gepostet am von Roberto N.