CENTRARE div!!

**DragonFire** · 30-08-2006, 01:32

Ciao a tutti ragazzi ho usato la funzione ricerca ma niente che si adattasse al mio problema... vi chiedo aiuto...

questa è la pagina.. http://deviofsky.altervista.org/layout/

io vorrei che il menù (news +campionati etc etc) si spostasse a destra in modo da coincidere con il layout... ma non so come spostarlo... e magari che si abbassassero un pò anche i sottomenù..

vi posto il codice magari sapete aiutarmi grazie

Codice PHP:




<style type="text/css">

<!--

#cfnavbar{

margin: 0;

padding: 0;

}



#cfnavbar ul{

background: url(media/bg.gif) repeat-x;

padding: 0;

margin: 0;

float: left;

font: bold 80% Verdana;

}



#cfnavbar ul li{

display: inline;

}





#cfnavbar ul li a, #cfnavbar ul li span{

float: left;

color: black;

font-weight: bold;

padding: 8px 13px 5px 6px;

text-decoration: none;

background: url(media/divider.gif) top right no-repeat;

}



#cfnavbar ul li span{ /*Targets span tag to the right of #leftcorner below*/

padding-left: 0px;

}



#cfnavbar ul li a#leftcorner{

float: none;

padding-left: 10px;

padding-right: 0px;

background: url(media/leftcorner.gif) top left no-repeat;

}



#cfnavbar ul li a#rightcorner{

padding-right: 10px;

background: url(media/rightcorner.gif) top right no-repeat;

}



#cfnavbar ul li a:hover{

text-decoration: underline;

}



#cfnavbar:after{ /*Add margin between menu and rest of content in Firefox*/

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



#submenu ul, #submenu li {

    display: inline;

    padding: 6px;

}

-->

</style>

<script type="text/javascript">

<!--

var i;



var submenu_title = new Array();

var submenu_link = new Array();



submenu_title[1] = new Array("Sub-menu 1 - 1", "Sub-menu 1 - 2", "Sub-menu 1 - 3", "Sub-menu 1 - 4", "Sub-menu 1 - 5");

submenu_link[1] = new Array("#", "#", "#", "#", "#");



submenu_title[2] = new Array("Sub-menu 2 - 1", "Sub-menu 2 - 2", "Sub-menu 2 - 3", "Sub-menu 2 - 4", "Sub-menu 2 - 5");

submenu_link[2] = new Array("#", "#", "#", "#", "#");



submenu_title[3] = new Array("Sub-menu 3 - 1", "Sub-menu 3 - 2", "Sub-menu 3 - 3", "Sub-menu 3 - 4", "Sub-menu 3 - 5");

submenu_link[3] = new Array("#", "#", "#", "#", "#");



submenu_title[4] = new Array("Sub-menu 4 - 1", "Sub-menu 4 - 2", "Sub-menu 4 - 3", "Sub-menu 4 - 4", "Sub-menu 4 - 5");

submenu_link[4] = new Array("#", "#", "#", "#", "#");



submenu_title[5] = new Array("Sub-menu 5 - 1", "Sub-menu 5 - 2", "Sub-menu 5 - 3", "Sub-menu 5 - 4");

submenu_link[5] = new Array("#", "#", "#", "#");



function display_submenu(id)

{

    if(id != 1)

    {

        document.getElementById("submenu").innerHTML = "<ul>";

        

        for(i = 1; i < submenu_title[id].length; i++)

        {

        

            document.getElementById("submenu").innerHTML += '[*][url="'+submenu_link[id][i]+'"]'+submenu_title[id][i]+'[/url]';

        }

    

        document.getElementById("submenu").innerHTML += "[/list]";

    }

    else

    {

        document.getElementById("submenu").innerHTML = "";

    }

}document.onload = display_submenu(1)

-->

</script>



</head>



<body onload="display_submenu(1)">

**ashtur1** · 30-08-2006, 08:40

al div che contiene il menu gli dai margin:0 auto;

**DragonFire** · 30-08-2006, 12:38

ho provato

Codice PHP:


#cfnavbar{

margin: 0 auto;

padding: 0;

}

ma niente...

**Anacleto** · 30-08-2006, 13:07

per centrare una div con margin:auto devi definirgli una width.
ciao.

**DragonFire** · 30-08-2006, 13:43

ho fatto cosi

Codice PHP:


#cfnavbar{

margin:0 auto;

padding: 0;

width:665;

}

provate ora a vedere

http://deviofsky.altervista.org/layout/

volevo chiedere due cosette

1) con firefox lo fa... mentre con IE oltre che non spostarsi sta sotto all'immagine sotto.. come posso risolvere?

2) come posso spostare anche il sottomenù e abbassarlo un pò?

grazie davvero

**DragonFire** · 30-08-2006, 15:41

forse ho risolto alcuni problemi... ma potreste spiegarmi come mai con Explorer si vede cosi?

ecco il link http://deviofsky.altervista.org/layout/

**DragonFire** · 30-08-2006, 16:51

Codice PHP:


#cfnavbar{

margin:0 auto;

padding: 0;

position: relative;

top: 7px;

width:665;

}

perchè cn firefox va e con IE no... dov'è il problema :master:

**DragonFire** · 30-08-2006, 17:58

up

**DragonFire** · 30-08-2006, 23:04

up

**DragonFire** · 31-08-2006, 00:36

per favore aiutatemi

Discussione: CENTRARE div!!

Strumenti discussione

Ricerca discussione

Visualizza

CENTRARE div!!

Permessi di invio