Visualizzazione dei risultati da 1 a 5 su 5

Discussione: overflow come fare?

  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2004
    Messaggi
    231

    overflow come fare?

    Salve, ho un piccolo problema di grafica.
    Voglio che il menù (navigation) resti fermo, mentre il testo (content) scorra
    Questo è il php
    <div id="wrapper">
    <div id="logoParent">
    <div id="logo"></div>
    </div>
    <div style="clear:both;"></div>
    <div id="navAndContent">
    <div id="navigation">
    <?php mosMENU('left', -2); ?>
    </div>
    <div id="content">
    <?php mosCONTENUTO(); ?>
    </div>
    </div>
    </div>
    come devo fare?

  2. #2
    Ciao
    prova a dichiarare il div navAndContent con position:relative. Poi il div navigation lo dichiari con position:absolute e lo posizioni con top e left prendendo come riferimento il div navAndContent.
    A questo punto per il div content devi dichiarare un margin-top pari all'altezza del div navigation in quanto qust'ultimo è estraneo al flusso cosi eviti la sovrapposizione dei due div,ciao.

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2004
    Messaggi
    231
    ho fatto quello che hai detto, ma non è cambiato nulla... ti posto il css (originale)
    #navAndContent
    {
    float : left;
    }

    #navigation
    {
    width : 200px;
    float : left;
    background : url(../images/navigation-bg.gif) repeat-y;
    background-position : right top;

    }

    #content
    {
    float : right;
    margin-top : 10px;
    width : 500px;
    }

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2004
    Messaggi
    231
    adesso c'è questo problema....
    Vi prego di aiutarmi....
    Il menù nei due browser non si trova nella stessa posizione e mentre in firefox resta fermo quando si scorre la pagina in IE si muove
    questo è il sito
    voglio il menù fisso come in firefox e la posizione come quella di IE
    L'index è:
    <div id="wrapper" >
    <div style="clear:both;"></div>
    <div id="navigation">
    <?php mosLoadModules('left', -2); ?>
    </div>
    <div id="content">
    <?php mosMainBody(); ?>
    </div>
    </div>
    il css
    #wrapper
    {
    float : left;
    text-align : left;
    padding : 0px 18px 0px 18px;
    margin-left : 60px;
    width : 730px;

    }
    #navigation
    {
    width : 200px;
    float : left;
    background : url(../images/navigation-bg.gif) repeat-y;
    background-position : right top;
    position: fixed;
    top:200px;
    left:130px;

    }

    #content
    {
    float : right;
    margin-top : 10px;
    width : 500px;
    }

  5. #5
    Utente di HTML.it
    Registrato dal
    Nov 2004
    Messaggi
    231
    Aiutoooooooooooooo non ci riesco chi mi aiuta

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.