ugrás a tartalomhoz

CSS, div kozepen, es teljesen fenn

Anonymous · 2005. Júl. 17. (V), 13.17
Nos, egy <div>-ben levo menusort szeretnek elhelyezni az oldalamon, ugy, hogy teljesen fenn legyen, es kozepen. rengetegfelekeppen probaltam, de vagy teljesen fenn van, vagy kozepen. illetve most pl. opera-ban kozeptajon van ugyan, de firefox-ban valamiert egy csomo helyet kihagy.
kozvetlenul a <body>-ban van beagyazva. tippeltek mar, hogy body, html {margin: 0px; padding: 0px;}, de ez sem jott be.
jelenleg igy nez ki a kodja:
html, body {
        margin: 0px;
        padding: 0px;
}
#menu {
        width: 700px;
        background: #eee;
        text-align: left;
        margin: 0px auto 20px;
        padding: 0;
}


probaltam position: absolute-val, de ekkor meg nem tudtam kozepre igazitani, hiaba probaltam left: auto; right: auto;-t, es ezt a trukkot:
div#content {
   width: 600px; margin: 0 0 0 -300px;
    position: absolute; left: 50%;
}


mostmar teljesen kifogytam az otletekbol. van valakinek otlete?
 
1

ehh

Anonymous · 2005. Júl. 17. (V), 13.39
mint mindig, most is akkor sikerult, amikor segitseget kerek, vegulis a trukk bejott, ami a masodik code-ban van.

azonban a masik gondom az, hogy hiaba adom meg, hogy egy ul width: 10em;, ha ez mas meretet jelent firefox-ban, es opera-ban.

a pontos kod:
#menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 10em;
        float: left;
}
#menu a, #menu h2 {
        font: bold 11px/16px arial, helvetica, sans-serif;
        display: block;
        border-width: 1px;
        border-style: solid;
        border-color: #ccc #888 #555 #bbb;
        margin: 0;
        padding: 2px 3px;
       
}

#menu h2 {
        color: #fff;
        background: #000;
        text-transform: none;
}


es amig opera-ban kifer a teljes menu, addig firefoxban kettetorik, es ujrakezdi.
problemas lehet az, hogy az utolso menupont ottlete a felhasznalotol fugg, de width: auto-val nem mukodik a centralizalas.