E comunque un errore di uno o due pixel e` da ritenere inevitabile, visto che il browser deve fare i conti con gli arrotondamenti.
ah si? e come mai così funziona perfettamente?
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>prova</title>
<style type="text/css">
body{
font-family: verdana, sans-serif, arial, impact, helvetica, Times New Roman ;
font-size:.8em;
}
#container {
width: 760px;
\width: 780px;
w\idth: 760px;
border: 1px solid gray;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
}
#banner {
padding: 5px;
margin-bottom: 5px;
background-color: rgb(213, 219, 225);
}
#content {
padding: 5px;
margin-left: 215px;
margin-right: 215px;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
#sidebar-a {
float: left;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-right: 5px;
padding: 5px;
background-color: rgb(235, 235, 235);
}
#sidebar-b {
float: right;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0;
margin-left: 5px;
padding: 5px;
background-color: rgb(235, 235, 235);
}
#footer {
clear: both;
padding: 5px;
margin-top: 5px;
background-color: rgb(213, 219, 225);
}
</style>
<style type="text/css">
@import "dizionario.css";</style>
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id="sidebar-a"></div>
<div id="sidebar-b"></div>
<div id="content"><div class="inter">
Etimologicamente con "comunicazione" si intende "porre in comune", quindi condividere, scambiare. L'essere umano non comunica solo con la
parola, ma anche con tutti i suoi comportamenti, mediante ogni manifestazione, sia a livello cognitivo che emotivo. In un certo senso,
comunicare equivale anche ad "interagire", ossia influenzarsi reciprocamente.
L'aggettivo "interculturale", aggiunto al concetto di comunicazione, rimanda alla modalità di comunicare fra soggetti con retroterra culturali e
linguistici differenti mediante la quale è possibile innescare un processo che presuppone la messa in relazione, l'interazione, lo scambio, il
dialogo sul piano culturale e dei valori.</p>
</div>
<h4><a id="coop">COOPERAZIONE ALLO SVILUPPO</a></h4>
<div class="inter1">
La cooperazione allo sviluppo è una strategia di intervento che la comunità internazionale ha cominciato a elaborare a partire dagli anni '80, in
seguito alle ripetute crisi, carestie e catastrofi naturali che hanno colpito il Terzo mondo. Tale strategia non intendeva più soltanto fornire
aiuti materiali e assistenza a breve termine, bensì prolungare i suoi benefici nel tempo, aiutando le popolazioni colpite a riorganizzarsi
autonomamente.
Oggi, l'ONU, le istituzioni private di cooperazione (ONG, organismi non governativi), e i governi preferiscono parlare di sviluppo sostenibile.
Un settore a parte della cooperazione è costituito dal commercio equo e solidale, che aiuta le economie dei paesi in via di sviluppo portando i
loro prodotti sui mercati dei paesi ricchi attraverso canali preferenziali.</p>
<div class="link">www.minambiente.it</div>
</div></div>
<div id="footer"></div>
</div>
</body>
</html>
dizionario.css
codice:
.inter {
margin-left:3px;
margin-right:3px;
padding-left:10px;
padding-right:10px;
background:#EEF1FE;
border:1px solid #ccc;
}
.inter1 {
margin-left:3px;
margin-right:3px;
padding-left:10px;
padding-right:10px;
background:#FCF1E4;
border:1px solid #ccc;
}
.link {
text-align:right;
padding-bottom: 5px;
}
.link1 {
text-align:right;
}
qui c'è la pagina
PS: il problema del box model riguarda solo IE5/5.5 se non sbaglio e non IE6
Rispondi quotando