ciao a tutti, sto sbattendo la testa su questa cosa da un po.
Lavoro con il Mac e li era tutto a posto, poi su win con IE scopro che i due DIV principali del sito #centrosx e #centrodx, contenuti all'interno del DIV #contenitore, non combaciano perfettamente!
Le sto provando tutte ma probabilmente mi sfugge qualcosa!
Qualcuno è in grado di aiutarmi?
posto qui il codice (con le parti secondarie commentate)
questo è l'HTML:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><link rel="stylesheet" href="tefenua.css" type="text/css" charset="utf-8" />
<title>TeFenua website</title>
</head>
<body>
<div id="inutile3">
<div id="contenitore">
<!-- <div id="testata">
</div> -->
<div id="centrodx">
<!-- <div id="pannello_arte">
</div> -->
<!-- <div id="bussola_arte">
<ul id="primalista">
<li class="sfobotarte1">arti visive
<li class="sfobotarte2">musica
<li class="sfobotarte3">galleria d'arte e cultura[/list]
</div> -->
</div>
<div id="centrosx">
<!-- <div id="inutile2_arte">
<div id="menu">
<ul id="lista_arte">
[*]corsi seminari
[*]artisti
[*]concerti eventi
[*]progetti
[*]foto[/list]
</div>
</div> -->
<!-- <div id="stage">
</div> -->
</div>
<!-- <div id="inutile_arte">
<div id="footer_arte">
</div>
</div> -->
</div>
</div>
</body>
</html>
e questo il file CSS:
(l'ho "tagliato" e aggiunto colori assurdi per isolare il problema :berto: ma non trovo lo stesso una soluzione)
*
{
padding: 0px;
margin: 0px;
border: 0px;
}
html,body
{
margin: 0px;
padding: 0px;
width: auto;
height: 100%;
}
#inutile3
{
background-image: url(immagininuove/sfumaturamenu.jpg);
background-repeat: repeat-x;
height: 520px;
background-position: bottom;
background-color: Red;
}
body
{
background-color: #FFF;
background-image: url(immagini/sfumatura.jpg);
background-repeat: repeat-y;
}
#contenitore
{
background-image: url(immagini/images/sfondo-tefenua-mare-rosso3_03.jpg);
background-repeat: repeat-x;
background-position: 0px 340px;
background-color: Olive;
height: 500px;
width: 100%;
text-align: left;
}
#centrodx
{
height: 463px;
width: 308px;
padding: 0px;
background-color: Fuchsia;
float: right;
margin-left: 0px;
}
#centrosx
{
height: 420px;
margin-right: 0px;
padding: 0px;
background-color: Lime;
text-align: right;
width: 100.1%;
}
Rispondi quotando