grazie all'impagabile aiuto di salasir siamo riuscit a venirne a capo del problema del css per il mio sito.
arrivo ad un punto pero' dove per ottenere quello che voglio con firefox devo omettere una riga
mentre per ottenere lo stesso risultato su explorer devo aggiungere suddetta riga.
+ precisamente
xhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>..:: Italian Raiders ::..</title>
<style type="text/css">
@import url(IR.css);
</style>
</head>
<body>
<div id="contenitore">
<div id="lateraleSX"></div>
<div id="corpocentrale">
<div id="top"></div>
<div id="header"></div>
<div id="menu"></div>
<div id="corpotesto">
Corpo centrale
bla bla bla
bla bla bla
</div> <div id="footer">E VVVIVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</div>
</div>
<div id="lateraleDX"></div>
</div>
</body>
</html>
Css per firefox
/* CSS per www.italianraiders.com */
html, body {height:100%}
html, body { text-align: center; margin: 0; padding: 0; }
body {background: #555 url(img/sfondo.gif) repeat-x left top;
}
#contenitore { padding: 0;
margin: 0 auto;
height: 100%;
width:733px;
text-align:left;
}
#lateraleSX {
width: 24px; float: left;
height: 100%;
background: #555 url(img/lefty.jpg) repeat-x top left;
}
#lateraleDX {
width: 24px; float: right;
height: 100%;
background: #555 url(img/righty.jpg) repeat-x top right;
}
#corpocentrale {float: left; min-height: 100%;
width: 685px; position: relative;
background: #ff1 ; padding: 0 0 0px 0;
}
#top {
height: 35px;
background: #1f1f1f;
}
#header {
height: 162px;
background: #FC0;
}
#menu {
height: 42px;
background: #111111 ;
}
#corpotesto {
margin: 15px 10px 7px 10px;
}
#footer {text-align: center; line-height: 42px; width: 685px; border-top: #fff 1px solid;
height: 42px; position: absolute; bottom: 0; background: #666 ;
}
la modifica per farlo andare su ie
#corpocentrale {float: left; min-height: 100%;
height: 100%;
width: 685px; position: relative;
background: #ff1 ; padding: 0 0 0px 0;
}
ora la mia domanda.. perchè c'è questa differenza ?
seconda domanda .. a questo punto c'è un modo per dire alla pagina di caricare css diversi a seconda del browser che la visualizza?
Rispondi quotando
