n° 185
Maggio/Giugno 2013
Maggio 22, 2013, 05:52:37 am *
Benvenuto! Accedi o registrati.
Hai dimenticato l'e-mail di attivazione?

Accesso con nome utente, password e durata della sessione
Notizia:
 
   Indice   Linux Windows Techassistance Gameassistance videogame hardware Aiuto Ricerca Agenda Downloads Accedi Registrati  

* Messaggi recenti
Messaggi recenti
Pagine: [1]   Vai giù
  Stampa  
Autore Discussione: Affiancare due DIV con larghezze diverse  (Letto 4160 volte)
0 utenti e 1 Utente non registrato stanno visualizzando questa discussione.
clros
Jr. Member
**

Karma: +1/-16
Scollegato Scollegato

Messaggi: 217


Mostra profilo
« inserita:: Settembre 06, 2010, 07:20:13 pm »

Ciao a tutti,
Avrei la necessità di affiancare due DIV, che hanno larghezze diverse e vorrei che il secondo DIV iniziasse esattamente dove finisce il primo.

Praticamente ho un primo DIV che contiene una immagine (un logo) e, di fianco, vorrei mettere un DIV contenente il nome della società che occupi tutta la pagina in senso orizzontale, partendo da dove finisce il primo DIV.

Com'è possibile fare una cosa del genere con i CSS?
Registrato

paooolino
Jr. Member
**

Karma: +15/-8
Scollegato Scollegato

Messaggi: 252


Ideas in programming


Mostra profilo WWW
« Risposta #1 inserita:: Settembre 06, 2010, 10:51:53 pm »

prova così

HTML
Codice:
<div class="logocontainer">
   ...
</div>
<div class="infocontainer">
   ...
</div>
<div class="close"></div>


CSS
Codice:
.logocontainer{width:250px;float:left;}
.infocontainer{margin-left:250px;}
.close{clear:both;}
Registrato

clros
Jr. Member
**

Karma: +1/-16
Scollegato Scollegato

Messaggi: 217


Mostra profilo
« Risposta #2 inserita:: Settembre 07, 2010, 06:42:37 pm »

prova così

HTML
Codice:
<div class="logocontainer">
   ...
</div>
<div class="infocontainer">
   ...
</div>
<div class="close"></div>


CSS
Codice:
.logocontainer{width:250px;float:left;}
.infocontainer{margin-left:250px;}
.close{clear:both;}

Ciao!
in effetti faccio già così e funziona bene (però non uso il terzo DIV, quello che tu hai chiamato "close").
Però, mi chiedevo se è possibile fare la stessa cosa dinamicamente in modo da non dover specificare in pixel la larghezza del primo div e il margine del secondo...
Registrato

alex.75
invioattach
Full Member
***

Karma: +14/-3
Scollegato Scollegato

Messaggi: 341



Mostra profilo WWW
« Risposta #3 inserita:: Settembre 07, 2010, 08:30:31 pm »

Io uso un approccio di questo tipo:

Codice:
<html>
<head>
<style type="text/css" >
.red {border:solid 2px red; background-color:#FFDDDD;}
.green {border:solid 2px green; background-color:#DDFFDD;}
.blue {border:solid 2px blue; background-color:#DDDDFF;}

.w25p {width:25%}
.w33p {width:33%}
.w66p {width:66%}

.float_left {float:left;}
.float_right {float:right;}
.float_clear {clear:both;}
</style>
</head>

<body>
<div class="float_left w25p red">AAA</div>
<div class="float_left w33p green">BBB</div>
<div class="float_right blue">CCC</div>
<div class="float_clear"></div>

</body>
</html>

Credo che per quello che chiedi a te serva omettere il width (su entrambi i float:left) oppure usare il 33% ed il 66% se vuoi "riempire".

ciao
Alessandro
Registrato
Pagine: [1]   Vai su
  Stampa  
 
Vai a:  

Copyright © 2011 Edizioni Master SpA. p.iva : 02105820787

Tutti i diritti di proprietà letteraria e artistica riservati. - Privacy



Links to Page