Pagina diversa con Firefox e IE

[C3RB3R0]

ciao a tutti
sto creando un blog ma il codice ke uso x disegnarne il layout funziona solo con Firefox e nn riesco a capire xkè su IE nn si vede allo stexo modo

vi posto il codice css:

html {
            overflow-y: scroll;
}

body {
	text-align: center;
	margin: 0px;
	background-color: transparent;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#header{
        height: 292px;
	width: 100%;
        margin-left: 1px; 
	padding-bottom: 0px;
	padding-top: 0px;
	border-bottom: 0px
	border-top: 0px
	margin-bottom: 10px;
	background-image: url(http://www.snapdrive.net/files/465863/top.png);
	background-repeat: no-repeat;
}

#container{
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	text-align: left;
        background-color: transparent;
}

#container2{
	background-image: url(http://www.snapdrive.net/files/465863/line.png);
        background-repeat: repeat-y;
}

#contentleft{
	float: left;
	width: 175px;
	background-color: transparent;
	border-right: 0px;
	border-bottom: 0px;
	margin: 10px 0 10px 0;
	padding: 0 10px 5px 10px;
	font-size: 12px;
}

#contentright{
	float: right;
	width: 175px;
	background-color: transparent;
	border-left: 0px;
	border-bottom: 0px;
	margin: 10px 0 10px 0;
	padding: 0 10px 5px 10px;
	font-size: 12px;
}

#footer{
        height: 64px;
	clear: both;
	border-bottom: 0px;
	border-top: 0px;
	background-image: url(http://www.snapdrive.net/files/465863/footer.png);
        background-repeat: no-repeat;
	padding: 10px 10px 10px 0;
}

mentre questo è il codice html

	
	<div id="container">
			
	
		<div id="header"></div>
	
	
	
		<div id="container2">
		
		
			<div id="contentleft"></div>
		
		
		
			<div id="contentright"></div>
		
		
		
			<div id="contentmain"></div>
		

		</div>
	

					
			<div id="footer"></div>
		
			
	</div>

se qcuno potexe darmi 1 mano gliene sarei immensamente grato!

[C3RB3R0]

problema risolto, era 1 errore nel codice abbastanza stupido.

il quesito ora è 1 altro: cm posso impostare la pagina in modo ke con Firefox il margine da sinistra sia in un modo mentre in IE abbia un altro valore?

[Myaku]

Originariamente inviato da C3RB3R0
problema risolto, era 1 errore nel codice abbastanza stupido.

il quesito ora è 1 altro: cm posso impostare la pagina in modo ke con Firefox il margine da sinistra sia in un modo mentre in IE abbia un altro valore?

usa i commenti condizionali

Cyà

[C3RB3R0]

grazie mille Myaku!

posto il codice, magari potrà exere utile ad altri

<style type="text/css">

(foglio di stile x Firefox o altri browser)

</style>


<!--[if IE]>
<style type="text/css">

(foglio di stile x IE)

</style>
<![endif]-->

un'ultima domanda: cm margine da sinistra ho mexo un certo valore in pixel, qsto cambia se la risoluzione dello schermo è un'altra? mi conviene mettere un valore in percentuale?

[Myaku]

Originariamente inviato da C3RB3R0
un'ultima domanda: cm margine da sinistra ho mexo un certo valore in pixel, qsto cambia se la risoluzione dello schermo è un'altra? mi conviene mettere un valore in percentuale?

'spe che non ho capito molto bene il senso della domanda.
Allora, poniamo che tu dai un margine di 10px, questo sarà tale indipendentemente dalla risoluzione. Se vuoi invece che lo spostamento sia "proporzionale" - ovvero, ad esempio, che il layout si sposti di 1/4 di schermata -, allora devi usare le percentuali.

Cyà

[C3RB3R0]

praticamente ho spostato l'immagine dal margine sinistro in modo ke risulti centrato nella pagina.
ora, io ho mexo cm risoluzione dello skermo 1152 x 864 ma se 1 altro avexe una risoluzione differente, vedrebbe cmq l'immagine centrata?

[Myaku]

no.

dai uno sguardo qui:
centrare layout

[C3RB3R0]

ho seguito alla lettera ttto l'intervento xò se tolgo il valore del margine sinistro la pagina nn risulta centrata.. devo cmq lasciare il valore del margine?

[Myaku]

Originariamente inviato da C3RB3R0
ho seguito alla lettera ttto l'intervento xò se tolgo il valore del margine sinistro la pagina nn risulta centrata.. devo cmq lasciare il valore del margine?

posta il link al nuovo codice

[C3RB3R0]

qsto è il CSS (tralasciando i contenuti)

#tuttissimo {
	margin: 0 auto;
	text-align: center;
}

html {
  overflow-y: auto;
  text-align: center;
  font-size: 100%;
  width: 100%;
}

body {
        font-size: 100%;
        width: 100%;
	text-align: center;
	margin: 0px;
	background-color: transparent;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#header{
	margin:  0px 0px 0px 193px;
	width: 751px;
        height: 292px;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	background-image: url(http://www.snapdrive.net/files/465863/top.png);
	background-repeat: no-repeat;
}

#container{
        margin: 0 auto;
	width: 750px;
	text-align: left;
	background-image: url(http://www.snapdrive.net/files/465863/line.png);
        background-repeat: repeat-y;
}

#footer{
        margin: 0px 0px 0px 192px;
        height: 64px;
        width: 752px;
	clear: both;
	border: 0px 0px 0px 0px;
	background-image: url(http://www.snapdrive.net/files/465863/footer.png);
        background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}

mentre qsta è la pagina (tralasciando html, head e body)

<div id="tuttissimo">

	
	<div id="header"></div>
	

		
	<div id="container">
		
		
		<div id="contentleft"></div>
		
		
		
		<div id="contentright"></div>
		
		
		
		<div id="contentmain"></div>
		

	</div>
	

				
	<div id="footer"></div>
	

</div>