Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056

    problema con top margin negativo

    Ciao a tutti.
    Sto creando le pagine per un sito "flessibile".. ovvero ho tutti i vari contenitori che possono modificare le misure in base al contenuto.. posizionati con relative e utilizzando float..

    Sono alle prime armi rispetto a questi tipi di layout, ma per ora mi sto scontrando con una cosa strana.
    Ovvero il margin negative.
    In pratica io ho il mio div content, che contiene tutto tutto il sito.. il problema è che il menu deve essere un po' più in alto rispetto a tutto il resto.
    Gli ho quindi dato il margin-top a -20 e mi sembrava funzionare tutto correttamente.
    (su safari mac).
    L'ho guardato ora su explorer 7 e chrome e invece non mi prende il margine negativo.

    Cosa potrebbe essere? come posso risolvere?

    Questo è parte dell'html incriminato:

    Codice PHP:

    <div id="content"
          <
    div id="box_menu"
             <
    div id="scritta_menu"></div
                 <
    div id="menu"
                     <
    ul>    
                            [*][
    url="#"]voce 1[/url
                            [*][
    url="#"]voce 2[/url]      
            [/list]
                        </
    div
    poi prosegue...

    e questi i css:


    Codice PHP:
    #content {
            
    float:left;
        
    positionrelative;
        
    text-alignleft;
        
    width904px;
        
    min-height:340px;
        
    margin-top:5px;
        
    background-color:black;
            }
    #box_menu{
        
    positionrelative;
        
    margin:-20px 0 0 12px;
        
    width:177px;
        
    min-height:427px;
        
    background:#CC0000 url("img/menu_sx.jpg") no-repeat top left;
        
    float:left;
        }    
        
        
        
    #scritta_menu{
            
    positionrelative;
            
    margin:22px 0 0 5px;
            
    width:171px;
            
    min-height:47px;
            
    float:left;
            
    background:#CC0000 url("img/scritta.jpg") no-repeat top left;
            
            
    }
    #menu{
        
    position:relative;
        
    margin:5px 0 0 25px;
        
    width:150px;
        
    float:left;
        } 
    grazie mille
    ciao!

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056
    magari qualcuno può confermarmi che il margin-top negativo dovrebbe funzionare anche su explorer-chrome ecc?
    O c'è qualche "controindicazione" (posizionamenti absolute, relative e cose simili).

    così indirizzo la mia ricerca..

    grazie!!

  3. #3
    forse è tardi, ma anche io mi trovo nella stessa situazione.

    il problema nasce con il float:left

    ovvero con float:left e position:relative usati contemporaneamente, IE non riesce a prendere i margin
    =MaRk0n3=


  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056
    In quel caso avevo risolto diversamente..
    Ma grazie mille per l'informazione!
    Mi sarà utile in futuro.

    ciao!

  5. #5
    Utente di HTML.it L'avatar di Miscio
    Registrato dal
    Oct 2003
    Messaggi
    132
    scusa tu come hai risolto?
    Yama ... Mille Anni in Montagna

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.