Nifty Corners e CSS

[vermetto84]

Ciao a tutti,

ho deciso di seguire le guide presenti su questo sito per realizzare angoli arrotondati nei DIV del mio sito senza bisogno di alcuna immagine di sfondo.

Ora però ho il presente problema: come mai pur seguendo alla lettera le istruzioni di tali guide non tutti i DIV sui quali richiedo l'intervento risultano poi essere modificati da tali script?

Secondo problema: ho grossi problemi di visualizzazione tra un browser (IE) e l'altro (Firefox) e non capisco come mai dato che fino ad un certo punto vi assicuro di aver proceduto in parallelo.

Il link è il seguente: http://www.legadrusilla.it/new_site/index.html

Grazie a tutti coloro che mi risponderanno. Sono graditi suggerimenti anche per una eventuale ottimizzazione del codice.

[vermetto84]

questo è il codice del mio CSS

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	padding-bottom: 1px;
}

body {
	background: #6eae25;
	font: normal 13px Verdana,sans-serif;
	color: #345;
	padding-bottom: 1em;
}

a {color: #06A;}
a:hover {color: #036;}

p {padding: 0.1em 0 0.8em;}

h1 {font: normal 1.8em Georgia,Tahoma,sans-serif;}
h2 {font: normal 1.5em Georgia,sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}

ul,ol {margin: 0 0 1em 1.6em;}
ul ul, ol ol {margin: 0.3em 0 0.3em 1em;}

input.login {
	border: 1px solid #BBB;
	padding: 3px;
	width: 145 px;
	font: normal 1em Verdana,sans-serif;
}

table.login {
	width: 100%;
	border-collapse: collapse;
}
.login td {vertical-align: center;}

#container {
	margin: 0 auto 0;
	width: 760px;
  padding: 0 5px;
  background: #FFF;	
}
#container2 {
}

#navigation {
	background: #7cc576;
	margin-top:6px;
  padding: 82px 10px 0;
  text-align:right;
}

/* Tabs */
#tabs ul {
	margin: 0;
	padding: 0;
}

ul#nav{font: bold 76%/1.5 Verdana,sans-serif;text-transform:uppercase}
ul#nav,ul#nav li {margin:0;list-style-type:none}
ul#nav{margin-left:6px;color: #fff}
ul#nav li{display:inline;float: left;margin-left:1px;text-align:center}
ul#nav a{float:left;width:11.0em;padding: 5px 0;text-decoration: none; color:#fff;background-color:#015926}
ul#nav a:hover{background-color: #FFA826;color:#0A2859}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #af0425;color: #fff}

/* Main Layout */
#main_left {width: 550px;margin-top:6px}
#main_right {width: 200px;margin-top:6px}

.left {float: left;}
.right {float: right;}

.clear,.clearer {clear: both;}
.clearer,.spacer {
	display: block;
	font-size: 0;
	line-height: 0;
}

.post {
	margin-bottom: 5px;
	color: #444;
}
.post_title {
	background: #E8E8E8 url('img/post/title.gif') no-repeat left top;
	padding: 6px 12px 5px;
}
.post_title h1 {font: bold 0.9em Verdana,sans-serif;}
.post_title h1 a {color: #444;}
.post_title h1 a:hover {
	color: #469;
	text-decoration: underline;
}
.post_title h1.left {width: 380px}
.post_date {
	color: #999;
	padding-top: 1px;
	font-size: 0.85em;
}
.post_metadata {
	margin-top: 5px;
	padding: 0 5px;
	background: #F5F5F5;
}
.post_metadata .content {
	border-top: 1px solid #E5E5E5;
	padding: 8px 5px 6px;
	font-size: 0.8em;
	color: #666;
}
.post_metadata .content a {color: #567;}
.post_metadata .content a:hover {color: #002;}

.post_body {
	background: #F5F5F5 url('img/post/body.gif') repeat-x left top;
	padding: 10px 10px 1px;
}
.post_body img {
	border: 1px solid #CCC;
	background: #FFF;
	padding: 3px;
}
.post_bottom {
	background: url('img/post/bottom.gif') no-repeat left top;
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
.post_search_text {
	font-size: 0.85em;
	padding: 2px 0;
}

.box {margin-bottom: 5px;}
.box_title {
	background: #c4df9b;
	padding: 6px 10px 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: #505E69;
}
.box_body {
	background: #e9f9d0;
	padding: 8px 10px 1px;
	font-size: 0.9em;
}
.box_bottom {
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}

.box ul {
	margin-left: 0;
	border-bottom: 1px solid #E2ECF2;
}
.box li:first-child {border-top: none;}
.box ul li {
	list-style: none;
	padding: 4px;
	border-top: 1px solid #E2ECF2;
	border-bottom: 1px solid #a1b187;
}
.box ul a {text-decoration: none;}
.box ul a:hover {text-decoration: underline;}

spero non sia troppo disordinato!

[fcaldera]

inanzittutto cambia il doctype corrente con uno strict (xhtml o html4, decidi tu)
Questo, pur non risolvendo magari il problema, comporterà già un resa più omogenea tra i vari browser

[vermetto84]

Originariamente inviato da fcaldera
inanzittutto cambia il doctype corrente con uno strict (xhtml o html4, decidi tu)
Questo, pur non risolvendo magari il problema, comporterà già un resa più omogenea tra i vari browser

ciao, ho fatto come mi hai detto ma almeno a occhio non mi sembra sia cambiato molto. Non riesco davvero a capire dove sbaglio!