questo è il codice XHTML:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<title>Web Solution Provider - Web Agency - Hosting e Application Provider - Vimercate - Milano - Realizzazione siti e presenze Internet aziendali - Axura SRL</title>
<meta name="description" content="Web Solution e Hosting Provider - Web Agency a Vimercate (Milano) orientata al risultato, propone la realizzazione di siti web usabili ed accessibil, leggeri e funzionali." />
<meta name="keywords" content="web solution provider web agency milano vimercate new media open source linux apache php mysql siti usabilità accessibilità posizionamento motori ricerca software applicativi intranet" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="revisit-after" content="7 days" />
<meta http-equiv="robots" content="index,follow" />
<meta http-equiv="Cache-Control" content="cache, must-revalidate" />
<meta http-equiv="pragma" content="cache" />
<meta name="author" content="Axura SRL - http://www.axura.com/ - info@axura.com - Alberto Giacobone - Alessandro Cruciani" />
<link rel="stylesheet" type="text/css" href="schermo.css" media="screen" />
</head>
<body>
<div id="contenitore">
<div id="testa">
Axura srl è una web agency specializzata nello sviluppo, hosting, promozione e posizionamento sui motori di ricerca di presenze Internet per aziende, professionisti, enti pubblici, associazioni e privati.
</div>
<div id="logo">
<a href="index.htm">
[img]logo0000.jpg[/img]
</a>
</div>
<div id="navglob">
<ul class="glob">
<li class="glob">Servizi|
<li class="glob">Soluzioni|
<li class="glob">Articoli|
<li class="glob">Consigli|
<li class="glob">Portfolio|
<li class="glob">FAQ|
<li class="glob">About Us |[/list]
</div>
<div id="subnavglob">sub navigazione globale</div>
<div id="percorso">Home</div>
<div id="colonna_dx">
<h1>News</h1>
20/02/2004 - Netsky.B, qualcosa per te
"Something for you" - Qualcosa per te - è uno dei tanti oggetti dei messaggi generati dal worm Netsky.B, in circolazione e rapida diffusione dal 18 Febbraio 2004: come molti ...
<a href="notizie.htm">
[continua]
</a>
</p>
<h1>Newsletter</h1>
Vuoi rimanere aggiornato sulle novità del sito, le promozioni ed i suggerimenti proposti? Iscriviti alla newsletter, inserendo il tuo indirizzo email nel campo sottostante!
</p>
<input type="text" /><input type="submit" value="Iscriviti" />privacy
<h1>Portfolio</h1>
Milan Inter Derby
In costruzione la presenza Internet di una rivista dedicata a due delle più importanti squadre di calcio in Italia! [continua]
</p>
</div>
<div id="corpo">
[img]foto_hom.jpg[/img]
Fornitore di soluzioni e servizi per una presenza in Internet orientata al risultato.
</p>
Essere presenti in Internet con obiettivi precisi, per ottenere un riscontro misurabile: accompagnarti in questa missione ed indicarti le soluzioni più adatte alle tue esigenze, mettendoti a disposizione la nostra esperienza, è il nostro mestiere e la nostra passione! ... [continua]
</p>
Novità! Server Virtuali Dedicati, i vantaggi dell'housing al costo dell'hosting ...
</p>
</div>
<div id="piede">AXURA s.r.l. - Tel. 039 66 74 86 / Fax. 02 700 568 121 / Email. info@axura.com - Scheda contatti</div>
<div id="copy">© 2001 - 2004</div>
</div>
</body>
</html>
------
Questo invece il CSS:
a:link {
text-decoration:none;
color:#009B00;
}
a:visited {
text-decoration:none;
color:#666666;
}
a:hover {
text-decoration:none;
color:#aaaaaa;
}
#colonna_dx h1{
font-size:90%;
background-color: #CCCCCC;
padding-left:5px;
}
h1 {
font-size:120%;
margin-bottom:5px;
}
p {
margin-top:0px;
margin-bottom:10px;
}
em {
font-style:italic;
}
img {
border:none;
}
body {
margin:0px;
padding:0px;
text-align:center;
font-family:verdana,arial,tahoma,sans-serif;
color:#000000;
background-color:#FFFFFF;
font-size:80%;
}
#contenitore {
width: 753px;
margin: 5px auto 0px auto;
text-align:left;
}
#testa {
margin:0px;
padding:0px;
text-align:left;
font-size:80%;
font-weight:bold;
letter-spacing:1px;
}
#logo {
margin:15px 0px 0px 0px;
padding:0px;
}
#navglob {
background-color:#CCCCCC;
background-image:url("header10.gif");
background-position:top left;
background-repeat:no-repeat;
text-align:right;
margin:5px 0px 0px 0px;
padding:2px 20px 2px 0px;
}
#subnavglob {
margin:0px;
padding:0px;
display:none;
}
#percorso {
margin:1px 0px 0px 0px;
padding:2px 10px;;
background-image:url("briciole.jpg");
background-position:top left;
background-repeat:no-repeat;
}
#corpo {
padding: 5px;
margin-right: 315px;
line-height:1.5em;
margin-bottom:20px;
}
#colonna_dx {
float: right;
width: 300px;
padding: 5px;
line-height:1.5em;
}
#piede {
clear: both;
padding:3px;
margin-top: 5px;
text-align:center;
font-size:75%;
background-color:#CCCCCC;
background-image:url("footer30.gif");
background-position:top right;
background-repeat:no-repeat;
}
#copy {
text-align:right;
padding: 2px;
font-size:75%;
}
ul.glob {
display:inline;
margin:0px;
padding:0px;
font-size:100%;
}
li.glob{
display:inline;
margin:0px;
padding:0px;
list-style-type:none;
}
ul {
list-style-type:square;
font-size:85%;
line-height:1em;
}
li {
padding-bottom:10px;
list-style-positionutside;
}
strong {
font-style: bold;
}
la parte principale del sito coi contenuti è posta in un DIV flottante "corpo" come il suo vicino DIV "colonna_dx" a seguito dei quali vi è il footer "piede" che con un clear:both rende il layout stabile.
volevo sapere come mai il tutto funziona solo se nel codice XHTML #colonna_dx è posto prima di #corpo, nel caso opposto (più corretto nel caso di utilizzo di screen reader) il layout collassa e i due DIV non flottano più correttamente.
Potete rispondermi ?
Rispondi quotando
