Salve a tutti!
Mi ero già fatta viva una volta con problemi riguardanti questo sito.
Tempo fa chiesi aiuto per quanto concerne il posizionamento dei div corretto.
Riuscii, grazie ai vostri consigli, ad ovviare al problema. Senonchè per il corretto posizionamento di ogni div in un box ho dovuto far uso di valori negativi (sì lo so, ho fatto una schifezza ma non sapevo come riuscire a risolvere il mio problema) al momento di specificare i valori di margin. Sembrava funzionare. Il problema è che IE6 non interpreta correttamente tali valori negativi mentre Firefox e IE7 sì. Non ho ancora controllato gli altri brownser.
Mi hanno detto che tutto dipende dai CSS. Presumo che il problema sia l'uso dei valori negativi.
Come posso fare, dunque, a risolvere il problema rendendo il mio sito compatibile e perfettamente visualizzabile con tutti i brownser?
Ho letto per intero questa discussione in cui ho appurato che, mediante l'uso del DOCTYPE, si può rendere compatibile il sito con ogni brownser. Ho cercato di scriverlo correttamente seguendo i vostri esempi. Può dipendere anche da quello?
Ecco il mio DOCTYPE:
Ed ecco il mio css:<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
Attendendo lumi, vi ringrazio anticipatamente.body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(sfondo.jpg);
background-repeat: repeat-x;
text-align: center;
color: #FFFFFF;
}
#container {
width: 653px;
margin: auto;
padding: 0;
background-image: url(background.jpg);
background-repeat: repeat-y;
}
#header {
background-image: url(header.jpg);
background-repeat: no-repeat;
width: 653px;
height: 125px;
margin: auto;
}
#menu {
background-image: url(navigate.jpg);
background-repeat: no-repeat;
width: 653px;
height: 100px;
margin: auto;
}
#intro {
padding: 0px;
margin: 0px 70px 0px 0px;
}
#flavia {
padding: 0px;
margin: -74px -69px 0px 0px;
}
#portfolio {
padding: 0px;
margin: -74px -212px 0px 0px;
}
#links {
padding: 0px;
margin: -88px -340px 0px 0px;
}
#contatti {
padding: 0px;
margin: -88px -497px 0px 0px;
}
#title {
background-image: url(title.jpg);
background-repeat: no-repeat;
width: 653px;
height: 58px;
}
#navigation {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
float: left;
width: 135px;
padding: 0px;
margin: -25px 1px 1px 80px;
text-align: right;
color: #c72623
}
#content {
float: right;
width: 384px;
text-align: right;
padding: 0px;
margin: -40px 23px 1px 1px;
}
#footer {
clear: both;
background-image: url(footer.jpg);
background-repeat: no-repeat;
width: 653px;
height: 43px;
margin: auto;
}
Rispondi quotando
detto bene, poca esperienza. 
