ciao a tutti
mi sto cimentando nel primo sito tableless.
mi sapete dire perchè usando gli ssi, lo spazio tra un div e l'altro è visualizzato diversamente sui vari browsers?
su opera è piccolo, su ie è medio, su firebird grande...devono essere indicate delle misure width differnti a seconda del browser?
ecco l' xhtml
<?xml version="1.0" encoding="iso-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>xxx</title>
<link href="xxx.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="banner2">
</div>
<div id="banner">
</div>
<div id="banner">
</div>
<div id="sidebar-a" >
</div><div id="sidebar-b">
</div><div id="content">
<div id="footer">
</div>
</div></div>
</body>
</html>
ed il css
body {
text-align : center;
background-repeat: no-repeat;
background-position: 20px 20px;
background-attachment: fixed;
}
#container {
width: 590px;
border: 1px solid gray;
margin: 1px;
margin-left: auto;
margin-right: auto;
padding: 1px;
background: #F3F3F3;
}
#banner {
padding: 2px;
margin-bottom: 1px;
background-color: #336699;
}
#banner2 {
padding: 1px;
margin-bottom: 1px;
background-color: #336699;
}
#content {
margin-left: 147px;
margin-right: 147px;
padding: 2px;
background-color: white;
}
#sidebar-a {
float: left;
width: 134px;
height:100%;
margin: 0;
margin-right: 5px;
padding: 5px;
background-color: #F3F3F3;
}
#sidebar-b {
float: right;
width: 138px;
margin: 0;
margin-left: 5px;
padding: 5px;
background-color: #F3F3F3;
}
#footer {
clear: both;
padding: 3px;
margin-top: 1px;
background-color: #336699;
}
tanx
Rispondi quotando
