problema con WIDTH

[guakkione]

Ciao a tutti!
Sono diventato webmaster da poco, infatti sono alquanto inesperto.
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:

 

[dead]

Ciao a tutti!
Sono diventato webmaster da poco, infatti sono alquanto inesperto.
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:

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%

 

[guakkione]

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)

 

[dead]

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)

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]

Ciao a tutti!
Sono diventato webmaster da poco, infatti sono alquanto inesperto.
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:

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

 

[guakkione]

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:

 

[guakkione]

grazie

cmq grazie x il consiglio dead proverò domani...

 

[metalgemini]

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...