In locale una cosa on-line un'altra

[ANTAGONIA]

Buon giorno, ho questo problema, in pratica la gestione del "Content" in locale è perfetto, mentre on-line no.
Vi spiego.Ho un layout diviso in 3 colonne.La colonna centrale, è gestita da questo "Content", il quale per ovvie ragioni di incompatibilità, deve stare nei 2 file CSS, uno per FF e l'altro per IE.
Solo che, non capisco come mai, i settaggi che ho in locale sono ok mentre quando li metto on-line,no.

//nella default.php
<link href="css/FF.css" type="text/css" rel="stylesheet"></link>










<div id="container">
           <div id="header"></div>
           <div id="content">
                  <?php include('controlli.php');?>
           </div>
           <div id="footer"></div>
</div>

//nel CSS per FF
div#content{
	text-decoration : none;
	margin: 50px 170px 0 165px;
	min-height : 610px;
	padding : 1em 5px;
}
div#content{
	border-left : 1px solid #999; 
	border-right : 1px solid #999;
}

//nel CSS per IE
div#content{
	/*text-decoration: none;*/
	margin: 16px 170px 0 165px;
	height: 610px;
	/*padding: 1em 5px;*/
}

mi dite per favore se sbaglio qualcosa?
lo sfarfallio, chiamiamolo cosi, riguarda i margini che genera il "content".
Grazie mille....

[fcaldera]

1)
<link href="css/FF.css" type="text/css" rel="stylesheet"></link>

diventa
<link href="css/FF.css" type="text/css" rel="stylesheet" />
(l'elemento link è vuoto non bisogna chiuderlo)


2)Secondo me usi inutilmente (troppi) commenti condizionali visto che tutti chiamano sempre e comunque lo stesso foglio di stile e più codice scrivi, più rischi di scrivere cose inesatte, tipo



dubito fortemente che questo ti funzioni...



3)
div#content{
text-decoration : none;
margin: 50px 170px 0 165px;
min-height : 610px;
padding : 1em 5px;
}

se hai un min-height devi inserire un height: auto !important ma lo devi inserire sia per FF sia per IE7

avresti potuto mettere tutto insieme (in quest'ordine) con

height: auto !important
height: 610px;
min-height: 610px;


L'impressione è che stai spezzando inutilmente le regole in due file... se le regole sono quelle puoi scrivere un unico css crossbrowser.

[ANTAGONIA]

Originariamente inviato da fcaldera

2)Secondo me usi inutilmente (troppi) commenti condizionali visto che tutti chiamano sempre e comunque lo stesso foglio di stile e più codice scrivi, più rischi di scrivere cose inesatte, tipo



dubito fortemente che questo ti funzioni....

per quanto riguarda i suddetti commenti condizionali, quali sono quelli efficaci e quelli inutili?

E poi, adesso con la modifica che mi hai suggerito, quella di inserire tutto in un unico CSS, per quanto riguarda il "content", adesso ho lo stesso problema per IE anche in locale.
Sti maledetti margini, non ne vogliono sapere.... in pratica scarellano in basso.

Grazie mille.....

[ANTAGONIA]

ti ringrazio per le "dritte" che mi hai dato, anche se non hanno sortito alcun effetto ed anche se non capisco il motivo per il quale, in locale e on line i risultati sono differenti.

Ho risolto in altra maniera, nel senso che avevo un problema in una pagina che includevo.

Comunque se posso chiederti una cosa, ovviamente i Browser sono innumerevoli, ma diciamo che per il momento mi accontenterei di sapere come gestire anche FF,IE ed OPERA.
Nel senso, per quest'ultimo devo fare un'altro CSS?E se si, lo richiamo cosi?

<link href="css/FF.css" type="text/css" rel="stylesheet" />

<link href="css/OPERA.css" type="text/css" rel="stylesheet" />

perchè ho visto che OPERA, per alcune cose è simile a FF e per altre a IE.
Quindi com'è la gestine?

Grazie ancora

[fcaldera]

http://forum.html.it/forum/showthrea...3#post10646673

[ANTAGONIA]

ti ringrazio.
Però ho qualche curiosità, che spero non ti dia fastidio spiegarmela cortesemente.
Allora:
1) browser detection,lato server,come funziona?ho scaricato il .txt da questo sito: http://techpatterns.com/downloads/ph..._detection.php

2) poi c'è questa soluzione ma non ho capito il file nn4.css a cosa serve?cioè è il principale?e poi via via, ci sono gli altri per i vari browser?

<link rel="stylesheet" type="text/css" href="nn4.css" media="all" />

<style type="text/css">
  @import url(firefox-e-altri-w3c-compliant.css)
</style>


<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="ie7.css" media="all" />
<![endif]--> 

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" media="all" />
<![endif]-->

3) mi spieghi in 2 parole, che differenza c'è tra fogli di stile lato utente e quelli lato server?

scusa queste 3 domande, ma ne avrei tante altre...
grazie mille...