e c'hai pure ragione... 
dunque, dovrei aver postato il codice che forse non è così sbagliato come pensavo,
il problema, forse, è "solo" nella compatibilità con i browser... 
Mi spiego meglio, con Opera pare funzionare mentre con Safari, Firefox e Chrome no o meglio, li legge come link ma se passo il mouse non sopra ma vicino... 
Inoltre su tutti i browser provati mi sale, o meglio non mi scende, il footer... così come le voci nella barra di navigazione che non sono proprio centrate in altezza
Altre informazione che potrebbero essere utili sono:
uso mac e DW-CS3
grazie, ciao
P.
codice:
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="cont">
<div id="header">
[img]../immagini/pc.png[/img]
<h1>Communication Above the Line</h1>
</div>
<div id="nav">
<ul>
[*] Home[*] Services[*] Case History[*] Clients[*] Portfolio[*] Team
[/list]
</div>
<div id="wrapper">
<div id="content">
1) Content here. column long long column very long fill fill fill long text text column text silly very make long very fill silly make make long make text fill very long text column silly silly very column long very column filler fill long make filler long silly very long silly silly silly long filler make column filler make silly long long fill very.</p>
very make make fill silly long long filler column long make silly silly column filler fill fill very filler text fill filler column make fill make text very make make very fill fill long make very filler column very long very filler silly very make filler silly make make column column </p>
</div>
</div>
<div id="navigation">
2) Navigation here. long long fill filler very fill column column silly filler very filler fill fill filler text fill very silly fill text filler silly silly filler fill very make fill column text column very very column fill fill very silly column silly silly fill fill long filler </p>
</div>
<div id="extra">
[img]../immagini/cliente.png[/img]
<p class="nome">Clients</p>
<div id="lista1">
<ul>
[*] OffLine
[*] OnLine
[/list]
</div>
<hr class="linea190" size="1" noshade>
<div id="lista2">
<ul>
[*] Adv
[*] Below[*] Events
[/list]
</div>
</div>
<div id="footer">
Here it goes the footer</p>
</div>
</div>
</body>
</html>
codice:
codice:
@charset "UTF-8";
/* CSS Document */
* {margin:0; padding:0;}
body {
color:#666666;
font-size: 13px;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
}
#cont {
margin:13px auto;
width:936px;
}
#header {
width:936px;
height:37px;
position:relative;
}
.logo {
position: absolute;
top:0px;
left:0px;
}
h1 {
font-weight:bold;
padding-left:90px;
padding-top:15px;
font-size: 14px;
font-style: normal;
font-variant: small-caps;
float:left;
}
#nav {
background-color:#333;
width:936px;
height:30px;
}
#nav ul {
list-style-type:none;
margin:0 auto;
}
#li {
float:left;
width:75px;
}
#nav ul li {
float:left;
font-size:12px;
}
#nav a:link, #nav a:visited{
color:#FFFFFF;
text-decoration:none;
padding:5px 10px;
display:block;
}
#nav a:hover {
text-decoration: underline;
}
div#wrapper {
float:left;
width:100%;
}
div#content {
margin: 20px 190px;
padding-left:20px;
padding-right:20px;
}
div#navigation {
float:left;
width:190px;
margin-left:-190px;
margin-top:20px;
}
div#extra {
float:left;
width:190px;
margin-left:-936px;
margin-top:20px;
padding-botton:20px;
}
.nome {
font-weight:bold;
padding-left:55px;
position:relative;
font-size:12px;
color:#333;
padding-top:0px;
}
#lista1 {
float:left;
margin-left:0px;
position:absolute;
}
#lista1 ul {
list-style-type:none;
margin-top:60px;
margin-left:0;
float:left;
}
#lista1 ul li{
font-size:11px;
margin-left:0px
}
#lista1 a:link {
color:#333;
text-decoration:none;
padding-bottom:2px;
display:block;
}
#lista1 a:hover {
text-decoration:underline;
}
#lista2 {
float:left;
margin-left:0px;
position:absolute;
}
#lista2 ul{
list-style-type:none;
margin-top:115px;
margin-left:0px;
float:left;
}
#lista2 ul li {
font-size:11px;
margin-left:0px;
}
#lista2 a:link {
color:#333;
text-decoration:none;
padding-bottom:2px;
display:block;
}
#lista2 a:hover {
text-decoration:underline;
}
.img_cliente {
float:left;
position:relative;
padding:0;
}
.linea190 {
margin-top:65px;
color:#999999;
width:190px;
float:left;
position:relative;
}
#footer {
clear:both;
width:100%;
background: #333;
color: #FFF;
}
#footer p {
margin:0;
padding:5px auto;
}
Rispondi quotando
