Differenza layout tra IE e FF

[vision82]

Differenza layout tra IE e FF

Allora oramai sono diversi giorni che ci sbatto la testa sopra....
Ho lavorato tutto il tempo vedendo i progressi di firefox, e tutto andava bene...poi per sfizio sono andato su ie per vedere se magari interpretava male qualcosa....e difatti

Guardate [url=http://capriccidiperline.com/capricci%5Fnuovo/]Qui

Il css è quà:

body {
     background-image: url("img/layout/sfondo2.jpg") ;
     text-align : center ;
     font-family: Verdana;
     color: #B617A8 ;
     }

A:LINK    {
          text-decoration : none
          }

A:VISITED {
          text-decoration : none
          }

A:HOVER   {
          text-decoration: underline
          }

div.contenitore {
                width : 722px ;
                margin : 0 ;
                position : relative ;
                top : 3% ;
                left : 25% ;
                }

div.bannersup  {
               background-image : url("img/layout/banner_up.jpg") ;
               width : 694px ;
               height : 145px ;
               background-repeat : no-repeat ;
               position : relative ;
               right : 15px ;
               left : 15px ;
               }

div.latosx  {
            background-image : url("img/layout/ombra_01.jpg") ;
            background-repeat : repeat-y ;
            width : 15px ;
            height : 998px ;
            float : left ;
            }
div.latodx  {
            background-image : url("img/layout/ombra_02.jpg") ;
            background-repeat : repeat-y ;
            width : 15px ;
            height : 998px ;
            float : right ;
            }

div.menu    {
            background-image : url("img/layout/banner_down.jpg") ;
            width : 694px ;
            height : 54px ;
            background-repeat : no-repeat ;
            position : relative ;
            top : 145px ;
            right : 5px ;
            }

div.principale {
               background-color : #FAA5FA ;
               width : 690px ;
               height : 800px ;
               position : relative ;
               top : 199px ;
               }

div.contenitoread {
                  margin : 0 ;
                  position : relative ;
                  width : 500px ;
                  height : 80px ;
                  top : 1050px ;
                  left : 18% ;
                 }

div.home   {
           margin : 0 ;
           position : relative ;
           width : 80px ;
           height : 40px ;
           top : 7px ;
           left : 5px ;
           }

Qualcuno sa suggerirmi cosa sbaglio? :bho:

[claudioweb]

Ciao

Ad un primo sguardo mi sembra strano il codice della tua pagina....

<div class="contenitore">
<div class="latosx">
<div class="bannersup">
<div class="menu">
<div class="home">
![image](img/layout/home_01.gif)
</div>
</div>
<div class="principale">
Prova
[url="#"]Prova
</div>
<div class="latodx">
</div>
<div class="contenitoread">

Ci sono div aperti, in eccessivo numero, e non chiusi... (7 aperti, 4 chiusi)

Rivedili un po'...

[vision82]

Ciao Rieccomi qui...dopo un pò di tempo riprendo il mio vecchio post così non ne apro uno nuovo
Allora il problema è sempre lo stesso la differenza tra IE e FF, ora ho ottimizzato il css per IE visto che il 90% dei miei utenti è IE, ma questo fà rodere me per primo che sono utente FF e non posso vederlo bene...

Voi sapete darmi qualche consiglio?

Il sito è questo

http://capricci.altervista.org/nuovo/

Grazie a tutti

[massy]

Hai ottimizzato??

<td width="100%" colspan="57" rowspan="5"> 

colspan 57??
rowspan 5?

<hr>





**10 Agosto 2001 : prova01**


<hr>

Diciamo che ci son cose che dovresti rivedere.

Ad esempio:
definisci gli spazi principali del sito.

Contenitore largo xxx% centrato:
in quello ci metti cosa?
definiscili.

Inizia a fare il sito su carta e poi riempilo con il codice, non scrivere a caso.

[vision82]

Ok mi scuso per l'abuso della parola ottimizzato

Ok riprovo a scriverlo come hai suggerito...grazie

[massy]

Scherzavo, e spero non sia stato un problema per te. Nel caso mi scuso io

Se fossi in te ragionerei su come farlo funzionare correttamente.

Io ci vedo:

un contenitore globale, di larghezza 688px, con margini automatici e posizionamento centrato.

Nel contenitore ci stanno:
due blocchi uno sopra l'altro, uno per l'immagine uno per il menu.

Sotto due blocchi affiancati ed un footer.

Come realizzarlo in xhtml?

(tralascio l'head)..

<div id="contenitore">
  <div id="header">Header</div>
  <div id="menu">Menu</div>
  <div id="contenuto">
    <div id="leftcol">colonna sinistra</div>
    <div id="rightcol">colonna destra</div>
  </div>
  <div id="footer">footer</div>
</div>

A questa struttura applichi il css:

body {text-align:center; background:#FFF url("percorsoimmaginesfondo");}

#contenitore {width:688px; margin: 1em auto 4em; background:#F00; }

#leftcol {float:left; width:50%;  background:#00F;}
#rightcol {float:right; width:50%;  background:#0F0;}

#footer {clear:left; background:#FF0;}

Ho messo dei colori a caso e chiaramente questa è una base con cui partire.

Potresti poi mettere un'altezza fissa al blocco destro, inserivi il menu con <ul>
*

Vedi te insomma