problema con WIDTH

G

guakkione

Nuovo Utente
29 Mar 2007
7
0
0
Ciao a tutti!
Sono diventato webmaster da poco, infatti sono alquanto inesperto. :confused:
Per fare il mio sito uso esclusivamente CSS, niente tabelle.
Io ho scelto di fare 3 colonne: 20% per una colonna a sinistra, 60% per il contenuto e 20% per una colonna a destra. Matematicamente i conti dovrebbero tornare (20+60+20= 100).
Nonostante ciò, la colonna di destra se ne va "a capo", sotto gli altri 2 box.
Come posso fare per risolvere questo problema? :dipser:
 
D

dead

Utente Attivo
22 Lug 2005
684
0
0
57
Brescia
www.dead.it
guakkione ha scritto:
Ciao a tutti!
Sono diventato webmaster da poco, infatti sono alquanto inesperto. :confused:
Per fare il mio sito uso esclusivamente CSS, niente tabelle.
Io ho scelto di fare 3 colonne: 20% per una colonna a sinistra, 60% per il contenuto e 20% per una colonna a destra. Matematicamente i conti dovrebbero tornare (20+60+20= 100).
Nonostante ciò, la colonna di destra se ne va "a capo", sotto gli altri 2 box.
Come posso fare per risolvere questo problema? :dipser:
Clicca per allargare...

La cosa non è così semplice: alla somma del 100% devi aggiungere lo spessore di eventuali bordi, dei padding e dei margin.
Poi ogni browser calcola in maniera diversa.
Se ricordo bene Firefox conta i padding ma non i margins, IExplorer i margins ma non i padding.

In pratica, per non stare a fare tanti conti di solito fai la somma a 94-98% invece che a 100%
 
G

guakkione

Nuovo Utente
29 Mar 2007
7
0
0
modificare in base al browser

Grazie. Adesso l'ho aggiustato xò lascia troppo margine se gli metto 96%
Non è possibile aggiungere al codice sorgente una cosa DEL GENERE (ho visto una cosa del genere su un sito, ma non mi ricordo qual è...):

if browser name="Microsoft Internet Explorer" (e ci metto il link per un foglio di stile adatto a IE)
if browser name="Mozilla Firefox" (e ci metto il link per un altro foglio di stile adatto a Firefox)
 
D

dead

Utente Attivo
22 Lug 2005
684
0
0
57
Brescia
www.dead.it
guakkione ha scritto:
Grazie. Adesso l'ho aggiustato xò lascia troppo margine se gli metto 96%
Non è possibile aggiungere al codice sorgente una cosa DEL GENERE (ho visto una cosa del genere su un sito, ma non mi ricordo qual è...):

if browser name="Microsoft Internet Explorer" (e ci metto il link per un foglio di stile adatto a IE)
if browser name="Mozilla Firefox" (e ci metto il link per un altro foglio di stile adatto a Firefox)
Clicca per allargare...

Si, puoi inserire un istruzione di questo tipo:

<link rel="stylesheet" type="text/css" media="screen" href="[NOME CSS].css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="[NOME CSS]IE.css" />
<![endif]-->

in teoria essendo uscito IE7 dovresti scrivere if lte IE 7, però non ho mai provato e non so se funziona.
 
grottafelix

grottafelix

Utente Attivo
5 Mar 2003
2.410
2
38
45
Parco chiuso -
www.girsms.com
guakkione ha scritto:
Ciao a tutti!
Sono diventato webmaster da poco, infatti sono alquanto inesperto. :confused:
Per fare il mio sito uso esclusivamente CSS, niente tabelle.
Io ho scelto di fare 3 colonne: 20% per una colonna a sinistra, 60% per il contenuto e 20% per una colonna a destra. Matematicamente i conti dovrebbero tornare (20+60+20= 100).
Nonostante ciò, la colonna di destra se ne va "a capo", sotto gli altri 2 box.
Come posso fare per risolvere questo problema? :dipser:
Clicca per allargare...


Si ma puoi postare il trancio di codice css interessato per favore?
Avrai fatto qualche casino con i float :fonzie:
 
G

guakkione

Nuovo Utente
29 Mar 2007
7
0
0
no, float va bene

nella prima colonna, quella sinistra ha FLOAT: LEFT
nel contenuto, il box al centro ha FLOAT: LEFT
nella seconda colonna, quella destra ha FLOAT: RIGHT

Non ti posto il css perchè èuno dei modelli che sto rendendo disponibili solo x chi entra nel mio sito... :angel:
 
metalgemini

metalgemini

Utente Attivo
14 Apr 2004
745
0
0
Io avevo provato a fare la stessa identica cosa ma con Firefox mi veniva fuori un canaio assurdo:dipser: e ho dovuto ricorrere alle tables...
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
N Problema con width e paragrafo HTML e CSS 1
N problema con div width: 100% HTML e CSS 0
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
N Problema con position absolute e overflow HTML e CSS 4
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
K [PHP] Problema con variabili concatenate. PHP 1
O problema con query PHP 4
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
M Problema con Try Catch PHP 0
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
Z Problema di sincronizzazione PAYPAL con PHP PHP 1
G Problema con Get page PHP 4
P Problema con require once PHP 6
P Problema con i package Java 1
A Problema login con Safari PHP 14
F INDESIGN: problema esportazione esecutivo per la stampa con foto B/N Webdesign e Grafica 0
S problema con css bootstrap3 HTML e CSS 4
M .load() problema con caricamenti dinamici di js Javascript 0
G Problema con eccessiva nitidezza apertura Camera Raw Photoshop 0
G Problema ------- con Query PHP 1
G Problema con Query PHP 1
T problema con select dinamica con jquery Javascript 0
S Problema con spazi bianchi HTML e CSS 5
A PROBLEMA: insert mysqli con dati Tagsinput Presentati al Forum 0
Tommy03 Problema con z-index HTML e CSS 3
M Problema inserimento parole con apostrofo nel db PHP 5
C Problema con dati meteo xml XML 1
S Problema con infrarossi videocamera IP Cam e Videosorveglianza 1
V Problema con librerie allegro5 c++ C/C++ 1
M Problema con php per calcolo costo percentuale PHP 7

Discussioni simili

Alto Basso