Ciao a tutti!
Nel sito a tre colonne (il cui codice è sotto), usando il dreamweaver, non riesco a scrivere sulla colonna di destra, contrariamente alla sinistra.. eppure nel css mi sembra tutto a posto.
Cos'è che mi sfugge?
Grazie anticipatamente
Questo è il codice html:
<!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="en" lang="en" >
<head>
<title>Index</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
<style type="text/css">
<!--
.Stile3 {font-size: 14px}
.Stile8 {color: #000}
.Stile13 {color: #000000}
.Stile14 {
color: #000;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
}
.Stile15 {
color: #000000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
}
.Stile16 {font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif; }
.Stile17 {color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; }
-->
</style>
</head>
<body>
<div id="container" >
<div id="banner" >
[img]img/xxx.jpg[/img]
<h1 align="center">xxx</h1>
</div>
<div id="outer" >
<div id="inner">
<div id="left" >
<h2 class="Stile8"></h2>
<h2 class="Stile17">xx</h2>
<h2 class="Stile17">xxx</h2>
<p class="Stile17">xxx</p>
<p class="Stile17">xxxx</p>
<p class="Stile17">xxxxi </p>
<p class="Stile17">xxx</p>
<p class="Stile17">xxx</p>
<p class="Stile17">xxx</p>
<p class="Stile14"> </p>
<p class="Stile16"></p>
<p class="Stile3"></p>
<p class="Stile3"> </p>
<p class="Stile3"></p>
<h2 class="Stile3"></h2>
</div>
<div id="content">
<h4 class="Stile15">xxx</h4>
<p class="Stile15"></p>
<h3 class="Stile15">xxx<span class="Stile13"></span></h3>
<p class="Stile13"></p>
</p>
</p>
</div>
</div>
</div>
<div id="footer">
<h1>xxxx</h1>
</div>
</div>
</body>
</html>
Questa è la parte del css che riguarda le colonne:
/* --------------left and right navi------------- */
#left {
width:200px;
float:left;
position:relative;
margin-left:-200px;
margin-right:1px;
}
#left a{
color: #000;
font-size: 1.2em;
}
#right {
width:200px;
float:right;
position:relative;
margin-left:1px;
margin-right:-200px;
}
#right a{
color: #000;
font-size: 1.2em;
}
Grazie anticipatamente a chi mi aiuterà
Rispondi quotando
