Visualizzazione risultati 1 fino 5 di 5

Discussione: Problema posizionamento menů

  1. #1
    Guest

    Predefinito Problema posizionamento menů

    Salve, ho questo problema.. Dovrei posizionare il menů alla fine (cioč bottom: 0) di un container ma non ci riesco, ho provato a dargli margin-bottom , bottom e padding-bottom a 0 ma niente, nemmeno con position relative.. I codici sono questi:


    Codice:
     <div id="header">
    		<div id="logo"></div>
    		<div id="pub"><script type="text/javascript">
    //<![CDATA[
    document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=468X60/r='+new Date().getTime()+'"><\/s'+'cript>');
    //]]>
    		</script></div>
                    <div id="menu_cont">
                    	<div id="menu">
                    		Home Guida Download Contattaci
                    	</div>
                    </div>
    	</div>


    menu_cont č il "contenitore" del menů che serve per dargli il float right.. Il css:

    Codice:
     #menu_cont {
    float: right;
    position: relative;
    right: 20px;
    bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    }
    
    #menu {
    background: #70d2f7;
    border: 1px solid #21b8ef;
    border-bottom: none;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    width: auto;
    height: 30px;
    padding: 5px 15px 0px 15px;
    color: white;
    text-shadow: 1px 1px 1px black;
    -moz-text-shadow: 1px 1px 1px black;
    -webkit-text-shadow: 1px 1px 1px black;
    word-spacing: 4px;
    }

    Il link: http://skypestatus.altervista.org/index.php

    Per il momento sto facendo con margin-top, ma mi sembra poco 'ortodosso' dato che ci sono sicuramente problemi con le varie risoluzioni/browser

  2. #2
    L'avatar di dreadnaut
    dreadnaut non č connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,306

    Predefinito

    Relative funziona solo se il contenitore ha relative a sua volta. Si, č una cosa contorta.

    Making the absolute, relative

  3. #3
    Guest

    Predefinito

    Ho messo relative anche al contenitore (a tutti i contenitori, contenitori e sottocontenitori in cui si trova il menů) ma niente..

  4. #4
    L'avatar di dreadnaut
    dreadnaut non č connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,306

    Predefinito

    Uhm mi son dimenticato un pezzo, ma era nell'articolo. Il contenitore diventa relative, ma il menů che vuoi posizionare (e.g. con bottom: 0px;) deve essere absolute.

    Codice:
    #contenitore {
      position: relative;  /* gli elementi DENTRO il contenitore saranno... assolutamente relativi al contenitore */
    }
    
    #menu {
     position: absolute; /* assoluta, ma relativa al contenitore */
     bottom: 0px;
    }
    Non li ho decisi io in valori di position, eh! Hanno un senso, ma in una mentalitŕ perversa.
    Ultima modifica di dreadnaut : 19-06-2011 alle ore 19.41.35

  5. #5
    Guest

    Predefinito

    Grazie mille

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •