sto facendo un sito con dreamweaver8 ed ho un problema di visualizzazione con ie6 ma non con mozilla.
praticamente sto usando i div.
questo è il css:
div#intestazione {
font-family: Vivaldi;
font-size: 180%;
width: 100%;
color: #000000;
margin-left:5%;
clear: right;
height: auto;
}
div#contenitore {
width: 91%;
height: 91%;
background-color:#666666;
}
div#contenuti {
font-family: Vivaldi;
margin-left: 5%;
padding-top: 2%;
background-color: #CD073E;
padding-bottom: 2%;
width: 77%;
text-align: center;
clear: left;
height: auto;
}
div#contenuti1 {
font-family: Vivaldi;
padding-top: 2%;
background-color: #CD073E;
padding-bottom: 2%;
width: 77%;
margin-left: 5%;
clear: left;
overflow: hidden;
height: auto;
text-align: center;
}
div#lab {
width: 17%;
float: left;
padding-top: 1%;
padding-bottom: 1%;
clear: left;
}
div#lab2 {
float: right;
text-align: center;
width: 75%;
clear: right;
margin-right: 2%;
}
div#mas1 {
}
div#mas2 {
width: auto;
clear: right;
margin-left: 14%;
padding: 1%;
float: left;
}
div#mas3{
}
div#mas4{
}
div#mas5{
}
div#piede {
font-family: Vivaldi;
margin-left:5%;
width: 100%;
clear: right;
margin-top: 1%;
}
div#piede2 {
float:right;
width: 85%;
font-size: 120%;
}
div#piede3 {
width: 15%;
float: left;
}
div#navigazione2 {
float:right;
font-family:Vivaldi;
color: #000000;
text-align: left;
width: 15%;
background-color: #666666;
line-height: 85%;
margin-top: 2%;
margin-left: 2%;
margin-bottom: 1%;
font-size: 180%;
text-decoration: none;
clear: right;
height: auto;
}
#logo {
width: 50px;
height:50px;
border: none;
}
#logo2 {
border: none;
}
#logo3 {
border: none;
float: left;
margin-right: 3%;
}
#logo4 {
border: none;
float: left;
width: 50%;
}
#logo5 {
border: none;
width: 50%;
float: right;
font-weight: bold;
}
body {
color: #000000;
background-color: #666666;
}
a:link {
font-family: Vivaldi;
font-size: 90%;
color: #000000;
line-height: 85%;
text-decoration: none;
}
a:visited {
font-family: Vivaldi;
color: #000000;
line-height: 85%;
font-size: 90%;
text-decoration: none;
}
a:hover {
font-family: Vivaldi;
color: #FFFFFF;
line-height: 85%;
font-size: 90%;
text-decoration: none;
}
a:link:hover {
font-family: Vivaldi;
font-size: 90%;
color: #FFFFFF;
line-height: 85%;
text-decoration: none;
}
a:active {
font-family: Vivaldi;
color: #000000;
line-height: 85%;
font-size: 90%;
text-decoration: none;
}
questo è l'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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="SHORTCUT ICON" href="logo.jpg" />
<title>Documento senza titolo</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenitore">
<div id="intestazione">[img]veniceimg/logo.jpg[/img] Creazioni di maschere veneziane, alta bigiotteria e collane in stile veneziano</div>
<div id="navigazione2">
laboratorio</p>
maschere</p>
alta bigiotteria</p>
eventi</p>
video</p>
[img]veniceimg/audio-on.png[/img] [img]veniceimg/audio-off.png[/img]
</div>
<div id="contenuti1">
<div>
<h3>Maschere da arredamento</h3>
</div>
<div id="mas2">[img]veniceimg/bavero.JPG[/img]</div>
<div id="mas2">[img]veniceimg/joazzurro.jpg[/img]</div>
<div id="mas2">[img]veniceimg/jobianco.jpg[/img]</div>
<div id="mas2">[img]veniceimg/jolly argento.JPG[/img]</div>
<div id="mas2">[img]veniceimg/jolly cuoio.JPG[/img]</div>
<div id="mas2">[img]veniceimg/jolly oro.JPG[/img]</div>
<div id="mas2">[img]veniceimg/jooro.jpg[/img]</div>
<div id="mas2">[img]veniceimg/jorosso.jpg[/img]</div>
<div id="mas2">[img]veniceimg/preziosa donna (oro-arg).jpg[/img]</div>
<div id="mas2">[img]veniceimg/ricciolo.JPG[/img]</div>
</div>
<div id="piede">
<div id="piede3">[img]veniceimg/ITALY.gif[/img]
[img]veniceimg/BRITAIN.gif[/img]
[img]veniceimg/SPAGNA.gif[/img]</div>
<div id="piede2">
<div id="logo4"> telefono 328-9460066 </div>
<div id="logo5"> info@venicemask.it </div></div>
</div>
</div>
</body>
</html>
spero che qualcuno mi possa aiutare.
grazie
Rispondi quotando