larghezza div rimane sempre la stessa anche aumentando i px

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>
 

rosallo

Nuovo Utente
15 Nov 2014
10
0
0
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
 

rosallo

Nuovo Utente
15 Nov 2014
10
0
0
Sul Mac va una meraviglia ma su xp mi da questo errore. La sintassi è corretta?
 

BayLollo

Utente Attivo
28 Ago 2014
84
0
6
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".
 

rosallo

Nuovo Utente
15 Nov 2014
10
0
0
Lo so che è brutto. Io sto imparando e sto cercando di capire i meccanismi. Grazie della risposta
 
Discussioni simili
Autore Titolo Forum Risposte Data
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
F larghezza automatica div HTML e CSS 2
asevenx regolare larghezza e opacità del testo div HTML e CSS 2
E larghezza diversa delle celle in una tabella fatta con <DIV> e <UL> HTML e CSS 0
L [HTML] Navbar a tutta larghezza CMS (Content Management System) 2
W [HTML] Colonna che si collassa o scompare ad una certa larghezza HTML e CSS 3
G [HTML] Larghezza e Altezza campo HTML e CSS 4
elpirata [PHP] Larghezza colonne Fpdf PHP 0
A [Javascript] La larghezza del video player, diminuisce nel passaggio dal primo video ai successivi Javascript 0
F Immagini stessa altezza e larghezza HTML e CSS 1
N cambiare css in base alla larghezza dello schermo Javascript 10
filippino Tabella larghezza dinamica HTML e CSS 1
felino Combobox con larghezza adatta al contenuto jQuery 9
F elastic textarea in larghezza Javascript 0
D Larghezza dinamica ad elementi html HTML e CSS 0
andre9004 Tag <a> che non riconosce altezza e larghezza (CSS) HTML e CSS 6
V ridimensionare larghezza forma + aumento dimensione caratteri Flash 1
neo996sps Larghezza foto 100% Javascript 1
M Iframe dalla larghezza 100% con firefox HTML e CSS 3
N allineamento immagine e testo, padding larghezza e float HTML e CSS 2
M impostazione larghezza sito edito con expression web Webdesign e Grafica 0
K gestire la larghezza e il numero delle celle Classic ASP 1
C Larghezza in pixel HTML e CSS 2
P larghezza #container non viene interpretata da ie HTML e CSS 0
I tabella overflow visibile ma a larghezza fissa HTML e CSS 1
S Sito centrato larghezza 770px HTML e CSS 6
B Larghezza pagina web / barra scorrimento impazzita? HTML e CSS 0
metalgemini problema con larghezza celle... HTML e CSS 7
S larghezza tabelle dreamweaver HTML e CSS 1
ElfoDelBasket Controllo larghezza immagine PHP 0
C Larghezza Pagine. Discussioni Varie 4
S Larghezza frame HTML e CSS 1
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1

Discussioni simili