Ciao a tutti,
ho un problema con ie reletivo all'altezza di un div.
ho inserito l'altezza in 3 div di un certo numero di px e con firefox tutto bene ma con ie i div laterali sono più lunghi di quello centrale.
come posso fare per evitare questo problema?
grazie
se non mostri il codice o posti un link non sarà possibile aiutarti.
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
questo è 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 name="verify-v1" content="KC7QT+hDceP+PdT6tyuOml5eMlaSxfjIntlev1H8z Z0=" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="SHORTCUT ICON" href="favicon.ico?i" type="image/x-icon" />
<title>VeniceMask, creazioni di maschere veneziane, alta bigiotteria e collane in stile veneziano fatte a mano. Maschere di carnevale, alta bigiotteria collane e bracciali realizzati a mano con carta pesta, tessuti selezionati, swarovski e pizzo veneziano.</title>
<meta name="Description" content="Venicemask realizza maschere in cartapesta, tessuti d'arredamento, swarovski e pizzo veneziano. Crea alta bigiotteria e collane con pizzo veneziano e swarovski. Fatto a mano." />
<meta name="Keywords" content="maschere veneziane, alta bigiotteria, cartapesta, swarovski, venicemask, carnevale, Venezia, pizzo veneziano, artigianale, stile veneziano, fatto a mano, collane, bracciale" />
<!--[if lte IE 7.0000]>
<link rel="stylesheet" href="style2.css" type="text/css" media="screen" />
<![endif]-->
<link rel="stylesheet" href="style.css" 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="extra">
Collaborazioni</p>
</p>
<p id="extra1">studio Formisano</p>
<p id="extra1">sartoria Polini</p>
<p id="extra1">Susie Pieia</p>
<p id="extra1">Silvia Anastasi</p>
<p id="extra1">Angela Fiorella</p>
<p id="extra1">Laura Allegrini</a></p>
</div>
<div id="navigazione2">
laboratorio</p>
maschere</p>
alta bigiotteria</p>
eventi</p>
vetrina</p>
galleria fotografica</p>
</div>
<div id="contenuti1">[img]veniceimg/benve.gif[/img]</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="logo4"> telefono 328-9460066 </div>
<div id="logo5"> info@venicemask.it </div></div>
</div>
</div>
</body>
</html>
e questo è il foglio di style per ie:
div#intestazione {
font-family: Vivaldi;
font-size: 180%;
color: #000000;
clear: right;
margin-left: 5%;
}
div#contenitore {
background-color:#666666;
}
div#contenuti1 {
font-family: Vivaldi;
background-color: #CD073E;
text-align: center;
overflow: hidden;
height: 359px;
}
div#lab {
width: 19%;
float: left;
padding-top: 1%;
padding-bottom: 1%;
margin-top: 1%;
clear:left;
padding-right: 1%;
padding-left: 1%;
}
div#mas2 {
width: 25%;
margin-top: 2%;
margin-bottom: 4%;
margin-left: 5%;
height: auto;
float: left;
margin-right: 1%;
display: inline;
}
div#mas3 {
width: 25%;
margin-top: 2%;
margin-bottom: 4%;
margin-left: 5%;
height: auto;
float: left;
margin-right: 1%;
display: inline;
}
div#mas4 {
width: 30%;
margin-top: 5%;
margin-left: 4%;
float: left;
}
div#mas5 {
width: 30%;
margin-top: 5%;
margin-left: 4%;
float: left;
clear: left;
}
div#mas6 {
width: 60%;
float: right;
text-align: left;
margin-top: 10%;
font-size: 36px;
}
div#mas7 {
width: 60%;
float: right;
margin-top: 14%;
text-align: left;
font-size: 36px;
}
div#piede {
font-family: Vivaldi;
clear: right;
margin-top: 2%;
margin-left: 5%;
}
div#piede3 {
width: 15%;
float: left;
}
div#descrmasc {
width: 40%;
float: right;
text-align: left;
font-size: 130%;
margin-top: 2%;
padding-left: 1%;
}
div#maschera {
float: left;
visibility: visible;
display: inline;
margin-top: 5%;
margin-left: -5%;
}
#maschera2 {
border: none;
float: left;
margin-top: 2%;
margin-left: 12%;
}
div#navigazione2 {
font-family:Vivaldi;
color: #000000;
width: 13%;
background-color: #999999;
text-decoration: none;
float: right;
margin-right: 5%;
height: 359px;
overflow: hidden;
font-size: 24px;
padding-top: 1%;
text-indent:0.5%;
white-space:nowrap;
}
#logo {
width: 50px;
height:50px;
border: none;
}
#logo4 {
border: none;
float: left;
width: 50%;
font-size: 120%;
}
#logo5 {
border: none;
width: 35%;
float: right;
font-weight: bold;
text-align: left;
font-size: 120%;
}
body {
background-color: #666666;
}
#prezzo {
color: #00FF33;
font-size: 135%;
font-weight: bold;
}
div#indietro {
width: 10%;
font-size: 125%;
font-weight: 100;
float: left;
clear: right;
margin-top: 1%;
}
a:link {
font-family: Vivaldi;
font-size: 90%;
line-height: 85%;
text-decoration: none;
color: #000000;
}
a:visited {
font-family: Vivaldi;
line-height: 85%;
font-size: 90%;
text-decoration: none;
color: #000000;
}
a:hover {
font-family: Vivaldi;
color: #FFFFFF;
line-height: 85%;
font-size: 90%;
text-decoration: none;
}
a:active {
font-family: Vivaldi;
line-height: 85%;
font-size: 90%;
text-decoration: none;
color: #000000;
font-variant: normal;
}
div#tipo{
margin-top: 3%;
}
div#vetrina2 {
height: 80%;
float: left;
margin-left: 5%;
overflow: auto;
width: 95%;
}
div#lab2 {
float: right;
text-align: center;
width: 73.5%;
clear: right;
margin-right: 1%;
font-size: 116%;
margin-left: 1%;
margin-top: 2%;
}
#frase {
margin-top: 6%;
width: 70%;
}
#masche {
width: 70%;
}
#MediaPlayer {
width: 45%;
}
div#descrevento {
font-size: medium;
}
#titevento {
font-size: large;
}
div#gal3 {
float: left;
margin-left: 5%;
margin-right: 4px;
margin-top: 10%;
margin-bottom: 10%;
}
div#gal2 {
float: left;
margin-left: 3%;
margin-right: 2%;
margin-top: 10%;
padding-bottom: 9%;
}
div#vetrina3 {
margin-top:3%;
}
div#galleria {
overflow: auto;
height: 77%;
}
#logo2 {
border: none;
}
div#extra {
float: left;
width: 15%;
background-color: #999999;
height: 359px;
margin-left: 5%;
font-size: x-large;
text-align: center;
font-family: vivaldi;
clear: left;
padding-top: 1%;
}
#extra1 {
font-family: vivaldi;
font-size: 20px;
text-align: left;
white-space:nowrap;
}
div#foto {
margin-top: 1%;
}
#img1 {
float: left;
}
#img2 {
float: left;
margin-top: 45%;
}
#img3 {
float: right;
margin-right: 5%;
margin-top: 70%;
}
#img4 {
float: right;
margin-top: 37%;
height: auto;
}
#img5 {
float: left;
margin-top: 46%;
}
#img6 {
float: left;
}
#img7 {
float: right;
margin-top: 5%;
}
#img8 {
float: left;
margin-top: 5%;
}
div#vetrina1 {
float: left;
margin-left: 5%;
border-top-color: #000000;
border-top-style: solid;
border-top-width: thick;
}
a:link img {
border:#000000;
}
a:visited img {
border:#000000;
}
a:hover img {
border:#FFFFFF;
}
a:active img {
border:#000000;
}
a:link:hover img {
border:#FFFFFF;
}
GRAZIE
Permessi di invio
Rispondi quotando