visualizzazione layout diversa tra ie e ff

[FinalFantasy]

http://www.mikystudio.it/xray/

guardate questa pagina prima con IE e poi con FF

perché con FF si vede male? e cs posso fare x sistemarla?

[FinalFantasy]

uppettino

[ashtur1]

forse c' è un padding o un margin sinistro da qualche parte che ti fa spostare il tutto..casomai posta il codice...cosi è un po' vago

[erredeco]

Intanto

<div id="menu">Home page</div>
<div id="menu">Chi Siamo</div>
<div id="menu">Catalogo</div>
<div id="menu">Preventivi</div>
<div id="menu">Offerte</div>
<div id="menu">Area clienti</div>
<div id="menu">Contattaci</div>

Tutti i <div> e tutti gli <a> hanno lo stesso ID ?!?!?

Quindi innanzitutto trasforma nell'HTML tutti questi id in classi.

Per quanto riguarda il foglio di stile:

Aggiungi:

#folder {
/*.....tutto il resto.....*/
float:left;

}

e modifica.

#tab {
/*.....tutto il resto.....*/
/*BORDER-BOTTOM: #000000 0px dashed;*/
border-bottom: 1px solid white;
}

Con questo sistema vedi la stessa cosa in IE e in FF.

P.S.

perché con FF si vede male?

Non è assolutamente vero che si vede male: quella è la visualizzazione corretta: gli elementi "float" escono dal flusso e pertanto i loro contenitori diventano vuoti!!

[FinalFantasy]

Originariamente inviato da ashtur1
forse c' è un padding o un margin sinistro da qualche parte che ti fa spostare il tutto..casomai posta il codice...cosi è un po' vago

<div id="container">
<div id="tab">» News</div><div id="cover"></div>
<div id="folder">dfgdfgdg</div>
</div>

ecco il css

#container
{
  width: 800px;
  margin:auto;
}

#tab
{
  width:30%;
  float:left;
  display: inline;
  background-color: #CCCCCC;
  margin: 1px 0px 0px 0px;
  padding: 0px 0px 0px 2px;
  border: 1px #000000 dashed ;
  border-bottom: 0px;
  text-align: left;
  
  color: #000000;
  font-variant: small-caps;
  font-family: Trebuchet MS;
  font-size: 13px;
  font-weight: bold;
  
}

#cover
{
  width:69%;
  float:right;
  display: inline;
  border: 0px;
  border-bottom: 1px #000000 dashed ; 
}

#folder
{
   width:100%;

  background-color: #FFFFFF;
  padding: 1px 2px 1px 2px;
  border: 1px #000000 dashed ;
  border-top: 0px; 
 
}