Aiuto con Css e Mozilla

**artistic101** · 17-04-2007, 12:49

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;
}

**artistic101** · 17-04-2007, 16:46

Risolto, grazie lo stesso

Discussione: Aiuto con Css e Mozilla

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto con Css e Mozilla

Permessi di invio