WebSite X5Help Center

 
Roberto N.
Roberto N.
User

Dimensionare oggetti verticalmente di dimensioni diverse  it

Autor: Roberto N.
Visitado 1144, Seguidores 1, Compartilhado 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>

Publicado em
8 RESPOSTAS - 1 CORRIGIR
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.

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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...

Ler mais
Publicado em de 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.

Ler mais
Publicado em de 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

Ler mais
Publicado em de 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 !

Ler mais
Publicado em de Roberto N.