_Inviato il: 03-09-2009 22:02___
Salve a tutti...
Non capisco e non riesco a risolvere il problema...
Ho creato una pagina con i div, andando a vedere Safari 3, FireFox 3, IE8 e Google Chrome si vedono PERFETTAMENTE bene, se invece andando a vedere su IE 7 è un casino...
Perchè?

Vedi:

file_1.jpg (tutti i browser tranne IE7)
www.quartierionline.eu/file_1.png

file_2.jpg (solo IE7)
www.quartierionline.eu/file_2.png

Ecco il codice CSS che ho strutturato

body {
width:980px;
margin:0px auto 0px auto;
background:#FFFFFF url(../images/bgpages.png) top center repeat-x fixed;
}

#form {
margin:0px;
padding:0px;
}

.box_center {
width:980px;
background:#FFFFFF;
padding-top: 0px;
padding-bottom: 20px;
clear:none;
}

.box_center_completo {
position:absolute;
width:980px;
height:500px;
background:#FFFFFF;
padding-top: 0px;
padding-bottom: 20px;
margin-bottom: 20px;
clear:none;
}

.logo {
background-image:url(../images/logo.png);
background-repeat:no-repeat;
margin-left:20px;
width: 200px;
height: 143px;
position:absolute;
}

.titolo_1 {
font-family:"Times New Roman", Times, serif;
size:12px;
font-style:italic;
color:#990000;
margin-left:26px;
padding-bottom: 10px;
}

.box_cerca {
position:absolute;
background-color:#EFEFEF;
padding:5px;
padding-left:5px;
margin-left:150px;
margin-top:32px;
height:28px;
}

.box_list_buttons {
float:right;
padding:5px;
padding-left:5px;
margin-left:150px;
margin-right:28px;
margin-top:36px;
height:28px;
}


.box_links {
font: italic 12px "Times New Roman", Times, serif;
color:#990000;
padding-top:8px;
padding-right:32px;
float:right;
clear:none;
}

.box_links_rg {
font: italic 12px "Times New Roman", Times, serif;
color:#990000;
margin-top:8px;
float:right;
width:70px;
text-align:center;
}

.box_links_rg_lv {
font: italic 12px "Times New Roman", Times, serif;
color:#990000;
margin-top:8px;
float:right;
width:100px;
text-align:center;
}

.box_cerca_1 {
background-color:#EFEFEF;
margin-right: 10px;
height:28px;
float:left;
}

.box_cerca_2 {
float:left;
background-color:#EFEFEF;
margin-right: 10px;
height:28px;
}

.rosso_times:link {
font: italic 9pt "Times New Roman", Times, serif;
color: #990000;
font-size: 9pt;
text-decoration: none;
}

.rosso_times:visited {
font: italic 9pt "Times New Roman", Times, serif;
color: #990000;
font-size: 9pt;
text-decoration: none;
}

.rosso_times:hover {
font: italic 9pt "Times New Roman", Times, serif;
color: #990000;
font-size: 9pt;
text-decoration: underline;
}

.linea_hr_g {
margin-top: 136px;
margin-left:45px;
color: #EFEFEF;
background-color: #EFEFEF;
width: 906px;
height: 2px;
}

input.campo_cerca {
font: italic 9pt "Times New Roman", Times, serif;
color: #999999;
background: #FFFFFF;
border: 1px solid #990000;
padding-right: 5px;
padding-left: 5px;
padding-top:5px;
padding-bottom:5px;
width: 595px;
}

select.campo_select {
font: 9pt Arial, Helvetica, sans-serif;
color: #003399;
background: #FFFFFF;
border: 1px solid #990000;
padding-right: 4px;
padding-left: 4px;
padding-top:4px;
padding-bottom:4px;
width: 100px;
}

input.pulsante {
background: url(../images/cerca_submit.png) no-repeat;
border: none;
width: 65px;
height: 26px;
cursor: pointer;
}

.box_log {
width:980px;
height:26px;
background:#FFFFFF;
padding-top: 0px;
}

.home_box {
background:url(../images/home.png) no-repeat;
vertical-align:middle;
margin-top:10px;
padding-right:6px;
margin-right:6px;
float:right;
height:40px;
}

.home {
margin-left:20px;
}

.home:link {
font: bold 9pt Arial, Helvetica, sans-serif;
color: #990000;
font-size: 9pt;
text-decoration: none;
}

.home:visited {
font: bold 9pt Arial, Helvetica, sans-serif;
color: #990000;
font-size: 9pt;
text-decoration: none;
}

.home:hover {
font: bold 9pt Arial, Helvetica, sans-serif;
color: #990000;
font-size: 9pt;
text-decoration: underline;
}

.contatti_box {
background:url(../images/contacts.png) no-repeat top left;
vertical-align:middle;
margin-top:10px;
padding-left:10px;
margin-left:10px;
padding-right:10px;
margin-right:10px;
float:right;
height:40px;
}

.contatti {
margin-left:12px;
}


.contatti:link {
font: bold 9pt Arial, Helvetica, sans-serif;
color: #990000;
font-size: 9pt;
text-decoration: none;
}

.contatti:visited {
font: bold 9pt Arial, Helvetica, sans-serif;
color: #990000;
font-size: 9pt;
text-decoration: none;
}

.contatti:hover {
font: bold 9pt Arial, Helvetica, sans-serif;
color: #990000;
font-size: 9pt;
text-decoration: underline;
}

.box_user_pass {
background:url(../images/lock2.png) 8px 8px no-repeat;
vertical-align:middle;
background-color: #EFEFEF;
padding-top:8px;
margin-right:30px;
float:right;
width:320px;
height:26px;
}

.box_user {
margin-right: 10px;
float:right;
}

.box_pass {
margin-right: 10px;
float:right;
}

.box_ps {
margin-right: 10px;
float:right;
}

input.campo_gr {
font: 9pt Arial, Helvetica, sans-serif;
color: #999999;
background: #FFFFFF;
border: 1px solid #990000;
padding-right: 1px;
padding-left: 1px;
padding-top:1px;
padding-bottom:1px;
width: 100px;
}

input.pulsante_entra {
background: url(../images/entra_submit.png) no-repeat;
border: none;
width: 46px;
height: 18px;
cursor: pointer;
}

.box_buttons {
padding-top:8px;
float:right;
}

.box_buttons_linea {
margin-top:20px;
margin-left:16px;
margin-right:16px;
background-color:#999;
width:1.5px;
height:40px;
float:right;
}

.box_links_linea {
margin-top:10px;
margin-left:2px;
margin-right:2px;
background-color:#990000;
width:1px;
height:14px;
float:right;
}

.button_lavoro {
vertical-align: middle;
font: 12px Arial, Helvetica, sans-serif;
color:#999;
text-decoration:none;
line-height:106px;
text-align: center;
width: 50px;
height: 55px;
}

.button_lavoro:link {
vertical-align: middle;
text-align: center;
display: block;
width: 50px;
height: 55px;
background: url(../images/button_lavoro.png) no-repeat top right;
}

.button_lavoro:visited {
vertical-align: middle;
text-align: center;
display: block;
width: 50px;
height: 55px;
background: url(../images/button_lavoro.png) no-repeat top right;
}


.button_lavoro:hover {
vertical-align: middle;
text-align: center;
color:#990000;
text-decoration:underline;
width: 50px;
height: 55px;
background: url(../images/button_lavoro.png) no-repeat top left;
}

.box_data {
background-color:#FFFFFF;
font: bold 10px Arial, Helvetica, sans-serif;
color:#990000;
margin-left:20px;
margin-top:8px;
float:left;
}

.box_data_agg {
background-color:#FFFFFF;
font: bold 10px Arial, Helvetica, sans-serif;
color:#990000;
margin-top:8px;
margin-right:28px;
float:right;
}

.box_corpo {
vertical-align:top;
width: 540px;
margin-left:20px;
margin-top:20px;
float:left;
}

.box_corpo_dx {
vertical-align:top;
width: 370px;
margin-right:28px;
margin-top:20px;
float:right;
}

Poi, una curiosità...
In realtà, quando sviluppo WEB secondo voi è consigliabile strutturare i DIV con CSS o TABLE con CSS o vanno bene entrambi e non cambiano niente?
Anche perchè, un'amico mio mi ha detto che se uso I DIV è meglio perchè sono visibile, ma questo secondo me non ha senso..

Aspetto notizia
Grazie
Cristiano