pagina csss con 3 colonne, ma 3a ko

[erlupacchiotto]

Se andate su
http://www.erlupacchiotto.com/prova/css/sommariocss.asp
e ridimensionate la pagina, la terza colonna va a finire sotto la seconda, come mai ?
grazie per la collaborazione
ciao

[keratox]

semplicememente perche' altrimenti andrebbe al di là della pagina...
devi rimpicciolire un po' le dimensioni per far sì che tutte e 3 stiano a posto

[erlupacchiotto]

proprio per questo motivo ho definito la larghezza in percentuale:
- 1a colonna 15%
- 2a colonna 70%
- 3a colonna 15%
ma non capisco perche' mi perdo la terza colonna

saresti te (o qualcun altro) cosi' gentile da dare un'okkiata al codice html ?

grazie di cuore

[Marcolino's]

Leggiti meglio constile

[keratox]

Forse perche' la larghezza di una tabella sono aumentate dal loro contenuto.

[Mutato]

La "perdi" solo con IE, perche' IE ha una gestione del box appena sufficiente. Con Opera7 il lavoro e' perfetto.

Cmq, il bottone "vota il sondaggio" sfora le dimensioni della colonna di SX non appena si riducono le dimensioni della pagina, quindi avrai dei problemi anche con altri browser.

Per evitarlo, potresti impostare la dimensione del bottone in percentuale.

<button id="vota" style="width:100%">Vota il sondaggio</button>

Puoi anche usare max-width (larghezza massima di un elemento) se usi CSS2.

ps. Posta un po' di codice la prox volta.

[erlupacchiotto]

ti ringrazio, ho usato le tue indicazioni, impostando width = 100%

senti ma che differenza c'e' tra button e <input type="submit" ?

CSS2 ?
ma se a mala pena sto' iniziando ad impratichirmi con CSS.
quali vantaggi offre in piu' ?
mi consigli di passare a CSS2 o prima mi imparo benino CSS ?

grazie a tutti
ciao

[Mutato]

Originariamente inviato da erlupacchiotto
ti ringrazio, ho usato le tue indicazioni, impostando width = 100%

senti ma che differenza c'e' tra button e <input type="submit" ?

CSS2 ?
ma se a mala pena sto' iniziando ad impratichirmi con CSS.
quali vantaggi offre in piu' ?
mi consigli di passare a CSS2 o prima mi imparo benino CSS ?

grazie a tutti
ciao

CSS2 e' solo una specifica aggiornata di CSS, include alcuni comandi diversamente e/o non totalmente supportati dai browser in circolazione. Probabilmente stai gia' utilizzando CSS2 quindi non preoccupartene.

<input/> e' un elemento associato a <form></form>, <button></button> crea un oggetto che ha la forma di un <input type="button">... e puo' avere la stessa funzione se comandato da JS. Usa input se stai usando una form.

Ciao