Ciao a tutti, spero che qualcuno possa darmi una mano sto impazzendo.... Non riesco a capire perchè con Mozilla (e IE7) i div mi si spostano e si sovrappongono mentre con IE6 è tutto corretto. Grazie mille
Il sito è questo
e il css questo:
codice:/* CSS Document */ body,html { margin: 0px; padding: 0px; } body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background: #888888 url(images/page_back.gif) repeat-x top; } img { border: 0px; } form { margin: 0px; padding: 0px; } a { text-decoration: none; } div#wrapper { width: 959px; background-image: url(images/wrapper_back.gif); margin: auto; } div#wrapper div#shadow_left { background: transparent url(images/shadow_left.gif) no-repeat left top; padding-left: 12px; width: 947px; } div#wrapper div#shadow_left div#shadow_right { background: transparent url(images/shadow_right.gif) no-repeat right top; padding-right: 12px; width: 935px; } div#wrapper div#navbar { height: 42px; /*background-image: url(images/navbar_back.gif);*/ background-color:Black; padding-top:5px; /*text-align:center;*/ } div#wrapper img#header_img { border-bottom: 1px solid #FFFFFF; display: block; /* remove gap underneath in IE */ } div#wrapper div#sidebar { float: left; width: 147px; margin-right: 2px; } div#wrapper div#sidebar a { display: block; height: 21px; width: 134px; line-height: 21px; background: transparent url(images/sidebar_link.gif) no-repeat left top; color: #FFFFFF; font-weight: bold; padding-left: 13px; } div#wrapper div#sidebar a:hover { background: transparent url(images/sidebar_link_over.gif) no-repeat left top; color: #7baded; } div#wrapper div#sidebar h1 { color: #f7db16; font-size: 11px; margin: 0px; padding: 0px; height: 32px; line-height: 32px; padding-left: 11px; padding-bottom: 3px; background: transparent url(images/sidebar_header.gif) no-repeat left; margin-bottom: -3px; } div#wrapper div#main { float: left; width: 786px; } div#wrapper div#main div.blue_bar { height: 32px; background-image: url(images/blue_bar.gif); } div#wrapper div#main div.blue_bar img.left { float: left; } div#wrapper div#main div.blue_bar2 { height: 32px; background-image: url(images/blue_bar2.gif); } div#wrapper div#main div.blue_bar2 img.left { float: left; } div#wrapper div#main div.blue_bar div#welcome_box { float: right; padding-top: 7px; height: 25px; line-height: 25px; text-align: center; width: 280px; background-image:url(images/welcome_box_back.gif); font-weight: bold; color: #88a8df; } div#wrapper div#main div.blue_bar div#welcome_box span.date { color: #cbdcf9; } div#wrapper div#main div#fp_featured_article { /* WAS: background: #0d0d0d url(images/fp_article_back.gif) repeat-y 464px 0px;*/ background-color:Black; height: 308px; padding-right: 20px; } div#wrapper div#main div#fp_featured_article h1 { margin: 0px; padding: 0px; padding-top: 15px; font-size: 15px; } div#wrapper div#main div#fp_featured_article h1 a { color: #f7db16; } div#wrapper div#main div#fp_featured_article h1 a:hover { color: #FFFFFF; } div#wrapper div#main div#fp_featured_article p { margin: 0px; padding: 0px; padding-bottom: 15px; } div#wrapper div#main div#fp_featured_article img { float: left; /*margin-right: 45px;*/ display: block; } div#wrapper div#main div#fp_featured_article a { font-weight: bold; color: #FFFFFF; } div#wrapper div#main div#fp_whats_new { height: 227px; _height: 230px; padding-top: 12px; background: #585858 url(images/fp_whats_new_back.gif) repeat-x top; border-bottom: 1px solid #878787; padding-left: 2px; /* make up for first one... */ } div#wrapper div#main div#fp_whats_new div.preview { float: left; width: 187px; height: 217px; margin: 0px 4px; _margin: 0px 3px; } div#wrapper div#main div#fp_whats_new div.preview img.thumb { border: 1px solid #888888; margin-bottom: 3px; } div#wrapper div#main div#fp_whats_new div.preview div.desc { background: #080808 url(images/new_previews_back.gif) repeat-x top; border: 1px solid #888888; padding: 7px; } div#wrapper div#main div#fp_whats_new div.preview div.desc h1 { color: #f7db16; font-size: 11px; margin: 0px; padding: 0px; padding-bottom: 7px; } div#wrapper div#main div#fp_whats_new div.preview div.desc h1 a { color: #f7db16; } div#wrapper div#main div#fp_whats_new div.preview div.desc h1 a:hover { color: #FFFFFF; } div#wrapper div#main div#fp_whats_new div.preview div.desc div.links { padding-top: 15px; font-weight: bold; color: #707070; } div#wrapper div#main div#fp_whats_new div.preview div.desc div.links a { color: #707070; } div#wrapper div#main div#black_div { clear: both; background-color: #000000; height: 27px; } div#wrapper div#main div#main_left { width: 504px; padding: 0px 10px; float: left; color: #515151; padding-top: 9px; } div#wrapper div#main div#main_left div.fp_article { padding: 5px; background: #f1eeee; margin: 3px 0px; border: 1px solid #cbcbcb; height: 94px; } div#wrapper div#main div#main_left div.fp_article div.thumb { width: 154px; height: 94px; float: left; text-align: center; background-image: url(images/thumb_back.gif); margin-right: 10px; line-height: 94px; vertical-align: middle; } div#wrapper div#main div#main_left div.fp_article div.thumb img { border: 1px solid #FFFFFF; margin-top: 11px; } div#wrapper div#main div#main_left div.fp_article strong, div#wrapper div#main div#main_left div.fp_article a { color: #2b67ba; } div#wrapper div#main div#main_left div.fp_article span.date { color: #b6b6b6; font-size: 10px; } div#wrapper div#main div#main_left div#fp_ads { padding: 5px; background: #DDDDDD; margin: 3px 0px; border: 1px solid #999999; } div#main div#main_right { width: 260px; float: right; padding-top: 9px; } div#main div#main_right div.black_box { background: #000000 url(images/black_rounded.gif) no-repeat left bottom; width: 258px; color: #707070; font-size: 10px; padding-bottom: 6px; margin-bottom: 5px; } div#main div#main_right div.black_box a { color: #FFFFFF; font-weight: bold; font-size: 11px; } div#main div#main_right div.black_box a:hover { color: #f7db16; } div#main div#main_right div.black_box div.entry { height: 50px; margin: 7px; } div#main div#main_right div.black_box div.entry img { float: left; border: 1px solid #888888; margin-right: 10px; } div#main div#main_right div.black_box div.topic { background: transparent url(images/bullet.gif) no-repeat 10px 6px; padding-left: 20px; margin-top: 10px; } div#wrapper div#footer { clear: both; height: 94px; /*background-image: url(images/footer_back.gif);*/ background-image: url(images/footernero.gif); color: #707070; } div#wrapper div#footer a { color: #FFFFFF; } div#wrapper div#footer a:hover { color: #f7db16; } div#wrapper div#footer div#footer_left { float: left; margin-left: 14px; margin-top: 40px; } div#wrapper div#footer div#footer_right { font-weight: bold; float: right; margin-top: 40px; margin-right: 43px; } .gridview { table-layout : fixed; }


Rispondi quotando