Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    93

    incompatibilità css layout 2 colonne Mozilla

    Ciao a tutti!

    ho editato una pagina davvero molto molto semplice, nonostante tutto ho un enorme problema!!!

    In Explorer ( incredibile ma vero ) ottengo il risultato desiderato e perfetto.

    In Firefox, è tutto ' accavallato ' !!! Il #box, va sopra il #menu!!!

    Per favore, potete aiutarmi????????

    Sono sicura sia una fesseria in realtà... ma io proprio non trovo dove e quale sia.

    Mille grazie!!!!

    Ecco il codice:

    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <meta name="generator" content="PSPad editor, www.pspad.com">
    <title></title>

    <style type="text/css">
    body {
    font-family: Comic Sans MS;
    letter-spacing: 1px;
    line-height: 25px;
    }
    #contenitore {
    background-image: url(bkg.jpg);
    background-repeat: no-repeat;
    width: 889px;
    height: 870px;
    width: 889px;
    height: 870px;
    position: relative;
    left: 50%;
    margin-left: -444px;
    border: 1px solid orange;
    }
    #menu {
    position: relative;
    top: 167px;
    left: 98px;
    width: 120px;
    margin: 0px;
    padding: 0px;
    float: left;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid orange;
    }
    #box {
    position: relative;
    top: 167px;
    left: 145px;
    width: 518px;
    height: 618px;
    padding: 0px;
    border: 1px solid orange;
    }
    #mappa {
    text-align: right;
    font-size: 10pt;
    font-weight: bold;
    color: #de0107;
    }
    #tit_pagina_box {
    text-align: center;
    font-size: 18pt;
    font-weight: bold;
    color: #de0107;
    padding-top: 20px;
    }

    #contenuti_pagina_box {
    font-size: 12pt;
    color: #01012f;
    padding-top: 10px;
    }
    </style>
    </head>
    <body>
    <div id="contenitore">

    <div id="menu">
    UNO LINK

    DUE LINK

    TRE LINK

    </div>

    <div id="box">
    <p id="mappa">home --> uno link</p>
    <p id="tit_pagina_box">Uno Link</p>
    <div id="contenuti_pagina_box">
    akuiama jaumauna jlòm òkmclòkl òdksckl akuiama jaumauna jlòm òkmclòkl
    akuiama ja, akuiama jaumauna jlòm òkmclòkl òdkscklòsdkckdlòsddblaia
    mauna jlòm lòkmcl òklòdksck lòsdkckdlòsk clòksdlòkclòdkcksdlcd
    kuiamaj auma una jblaia laiamcdc akuiamaj aum aunajlòm lòkm clòklòdksc
    m,akuiamaja umaun ajbl aialaiam ddca kuiamaja umaunaj .àò,,òà,àòòà,ààd
    m,akuia majaumaunajb laia laiam cccak uiamajaum aun ajlòml òkmcl
    òklòdksc
    </div>
    </div>

    </div>

    </body>
    </html>

  2. #2

    Re: incompatibilità css layout 2 colonne Mozilla

    Originariamente inviato da lori

    In Explorer ( incredibile ma vero ) ottengo il risultato desiderato e perfetto.
    tieni sempre come punto di riferimento i browser standard: opera, safari, firefox.
    IE interpreta il codice a modo suo, anche se visualizza proprio quello che desideri.

    individua il template relativo alla tua pagina e studialo. una volta capito il funzionamento lo applichi sul tuo progetto: http://blog.html.it/layoutgala/indexIta.html .

  3. #3

    Re: incompatibilità css layout 2 colonne Mozilla

    Originariamente inviato da lori
    In Firefox, è tutto ' accavallato ' !!! Il #box, va sopra il #menu!!!
    dipende dai due "left" che hai impostato al box e al menu...


    sposto comunque in CSS

    ciak

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2005
    Messaggi
    93
    Grazie mille per aver risposto.

    Purtroppo a volte le eccezioni confermano la regola.

    Sei riuscito a dare un okkiata al codice ?

    Ho testato la pagina su ie6 opera9 safari ie7 e firefox2.

    L'unico che si comporta in maniera anomala è proprio firefox!

    Tutti gli altri browser mi danno il risultato desiderato.. ed anche a guardare il codice io non capisco cosi ci sia di così illogico per firefox!!!


    :master:

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.