Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di AvOJaromil
    Registrato dal
    Feb 2006
    residenza
    laddove si stagiona formaggio dentro a dei grossi buchi di tufo
    Messaggi
    549

    compatibilità ie ff....e che cavolo...

    con ff funziona come vorrei;
    c'è modo di far funzionare questo codice anche con ie?
    Codice PHP:
    div#navigazione
    {
        
    position:relative;
        
    left:0px;
        
    top:0px;
        
    width:250px;
        
    height:600px;
        
    border:dotted 1px #000000;
        
    background-color:#cc9;
        
    float:left;
    }

    div#titolo
    {
        
    position:fixed;
        
    z-index:1;
        
    top:3px;
        
    left:3px;
        
    width:908px;
        
    height:93px;
        
    background-image:url(titolo.gif);
        
    background-repeat:no-repeat;
    }

    div#contenitore
    {
        
    margin:30px auto auto auto;
        
    width:700px;
        
    height:600px;
        
    background-color#fff;

    }

    div#contenuti
    {
        
    position:relative;
        
    left:130px;
        
    top:30px;
        
    width600px;
        
    height:900px;
        
    background-color#ffcc33;
        
    border:dotted 1px #000000;
        
    filter:alpha(opacity=70);
        -
    moz-opacity0.7;
        
    opacity0.7;
    }

    body
    {
        
    text-align:center;

    Codice PHP:
    <html>
    <
    head>
    <
    title>Museo di Arte PoveraSogliano al Rubicone (FC)</title>
    <
    link rel="stylesheet" type="text/css" href="stili.css" title="default">
    </
    head>

    <
    body>


    <
    div id="titolo">
    </
    div>




    <
    div id="contenitore">

    <
    div id="navigazione">
    </
    div>


    <
    div id="contenuti">

    </
    div>


    </
    div>





    </
    body
    "homer sei tonto come un mulo e due volte più brutto. se uno sconosciuto ti offre un passaggio tu devi accettarlo..."

    www.flickr.com/photos/asciella/
    www.lastfm.it/user/qvaioe/

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Prova così:

    css:
    *
    {
    margin:0;
    padding:0;
    }
    div#contenitore
    {

    margin: auto;
    width:700px;
    height:600px;
    background-color: #fff;
    border: solid 1px #000;
    text-align:left;
    position:relative;

    }
    div#titolo
    {
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width:908px;
    height:93px;
    background-image:url(titolo.gif);
    background-repeat:no-repeat;
    }
    div#navigazione
    {
    position:absolute;
    left:0px;
    top:30px;
    width:250px;
    height:600px;
    border:dotted 1px #000000;
    background-color:#cc9;

    }
    div#contenuti
    {
    position:relative;
    left:130px;
    top:60px;
    width: 600px;
    height:900px;
    background-color: #ffcc33;
    border:dotted 1px #000000;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    }

    Da me si vede uguale in tutti i browser

  3. #3
    Utente di HTML.it L'avatar di AvOJaromil
    Registrato dal
    Feb 2006
    residenza
    laddove si stagiona formaggio dentro a dei grossi buchi di tufo
    Messaggi
    549
    molte grazie.
    ma non è esattamente quello che volevo. il titolo sarebbe dovuto rimanere fisso.
    ho letto che ie non supporta il posizionamento fisso; esiste qualche escamotage per risolvere il problema?
    "homer sei tonto come un mulo e due volte più brutto. se uno sconosciuto ti offre un passaggio tu devi accettarlo..."

    www.flickr.com/photos/asciella/
    www.lastfm.it/user/qvaioe/

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2008
    Messaggi
    663
    Si, secondo me si riesce ad ottenere l'effetto che vuoi anche senza le position.
    Io le ho tenute perchè nell'ottica del tuo progetto pensavo ti servissero, ma puoi far sovrapporre diversi elementi anche dando i margini negativi. Secondo me è una soluzione migliore da quella di utilizzare così tante position. Ci sono soluzioni che utilizzano javascript per consentire il supporto del posizionamento fisso anche da parte di IE precedenti al 7 , ma a quanto ne so nn è proprio la stessa cosa.

  5. #5
    Utente di HTML.it L'avatar di AvOJaromil
    Registrato dal
    Feb 2006
    residenza
    laddove si stagiona formaggio dentro a dei grossi buchi di tufo
    Messaggi
    549

    risolto...circa

    ho trovato questo:
    http://www.cssplay.co.uk/layouts/fixed.html

    ma secondo voi è normale che due browser, i più utilizzati nella rete, abbiano dei comportamenti così diversi?
    "homer sei tonto come un mulo e due volte più brutto. se uno sconosciuto ti offre un passaggio tu devi accettarlo..."

    www.flickr.com/photos/asciella/
    www.lastfm.it/user/qvaioe/

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 © 2025 vBulletin Solutions, Inc. All rights reserved.