larghezza div rimane sempre la stessa anche aumentando i px

  • Creatore Discussione Creatore Discussione rosallo
  • Data di inizio Data di inizio

rosallo

Nuovo Utente
15 Nov 2014
10
0
0
salve a tutti,
volevo un aiuto. Scrivendo il seguente codice, la larghezza della colonna-sx e della colonna-dx rimane sempre la stessa anche se aumento i px, mentre la centrale si modifica a mio piacimento. Dove sbaglio?

<html>
<head>
<title>Corso Base Web Design</title>


<style type="text/css">
div { border:1px #000 solid; }

.left { float:left }

#contenitore { width:960px; margin:0 auto 0 auto; padding:10px; }
#testata

#colonna-sx { width:200px; }
#colonna-cen { width:530px;}
#colonna-dx { width:150px;}
</style>




<body>
<div id="contenitore">

<div id="testata">testata</div>
<div id="colonna-sx" class="left">colonna sinistra</div>
<div id="colonna-cen" class="left">principale</div>
<div id="colonna-dx" class="left">colona destra</div>


</div>

</body>

</html>
 
Se fail copia e incolla, vedrai che la colonna destra e sinistra non cambiano dimensioni anche mettendo valori diversi


Inviato dal mio iPhone 6 utilizzando Tapatalk
 
http://jsfiddle.net/e04bh0g2/
Cambiare la larghezza della colonna destra sembra andare, anche se comunque il risultato è molto, molto brutto.

Ti vorrei far notare, comunque, che
Codice:
#testata

#colonna-sx { width:200px; }

equivale a
Codice:
#testata #colonna-sx { width:200px; }

ovvero
"ogni elemento con id 'colonna-sx' contenuto in un elemento con id 'testata' ha larghezza 200px".
 
Lo so che è brutto. Io sto imparando e sto cercando di capire i meccanismi. Grazie della risposta
 

Discussioni simili