ugrás a tartalomhoz

CSS menü fixálása

Formaster · 2011. Szep. 18. (V), 12.28
CSS-ben fixálni próbálom a menümet. A cél, hogy a tartalom gördüljön, a menü maradjon fix. Ha a position-t fixálom akkor jó, csak inaktív lesz a menü. Valakinek lenne ötlete?
‹ Első lap terv. Kritikát pls! onclick javascript paraméterek ›
 ■
9

/* begin Box, Block,

Formaster · 2011. Szep. 20. (K), 12.24
  1. .art-sheet  
  2. {  
  3.   position: relative;  
  4.   margin: 0 auto;  
  5.   min-width: 21px;  
  6.   min-height: 21px;  
  7.   margin-top: 0;  
  8.   margin-bottom: 0;  
  9.   cursor: auto;  
  10.   width: 1000px;  
  11.   height: 600px;  
  12.   overflow: scroll;  
  13.   overflow-y: auto;  
  14.   overflow-x: hidden;  
  15. }  
1

Z-index?

SecMan · 2011. Szep. 18. (V), 14.59
Z-index megadása?
2

Hova és mennyit?

Formaster · 2011. Szep. 18. (V), 15.56
Hova szúrjam be és mennyi legyen az index?
3

Minél nagyobbat. pl. 9999,

SecMan · 2011. Szep. 18. (V), 16.40
Minél nagyobbat. pl. 9999, mert ugye az a cél, hogy legmagasabban legyen.
És szerintem elég a tároló doboznak, ha van ilyen.
4

bejött ;)

Formaster · 2011. Szep. 18. (V), 19.13
Köszönöm működik, nem tudom miért rántja össze fele szélességre ezt a függöleges menüt. De megadtam neki 1 fix méretet, bár ez nem tudom mennyire szerencsés. Előtte a szélességgel nem volt gond, talán nem akkora gond, ha így marad, végülis a sheet is fix szélesség (1000px)
5

Explorer error

Formaster · 2011. Szep. 18. (V), 23.32
Internet explorer alatt nem működik sajnos a fixálás. 9-es verzióval néztem. Nem értem.
6

Error

Formaster · 2011. Szep. 18. (V), 23.43
Safariban oké. Chromeban jó, explorer nem fixálja a menümet. Lehet, hogy a menüt nem is fixálni kéne? Ha kis méretre rakom bármelyik böngészőt akkor így a menü nem ott lesz ahol szeretném :(
7

Ehhez viszont már jó lenne

SecMan · 2011. Szep. 20. (K), 10.22
Ehhez viszont már jó lenne látni valami lényegre lebutított html forrást (szerkezeti felépítés miatt) vagy a legjobb lenne az oldalt megnézni.
8

Egyedi scrollbar zűr

Formaster · 2011. Szep. 20. (K), 11.16
Hozzákapcsoltam egy Flexcroll-os scrollbart, ez okozza az Explorer kiakadását. Az overflow hidden állapotban van, és működésbe lép az egyedi scrollbar js-em. Ilyenkor akad ki az explorer, ráadásul ha az aktív x vezérlőt nem engedélyezem akkor scrollbar sincs. Ha engedélyezem akkor mindent görget, a menüt is. Lehet, hogy rossz div elé tettem a js hivatkozást? Feltöltésre még nem volt időm, de sor kerül rá.

Próbáltam auto-n az overflow-ot, úgy legalább van scrollbar explorerben, bár nem az én egyedim, viszont a menüt így nem mozgatja. Chrome alatt így az egyedi jön.
10

Egyedi scrollbar

Pepita · 2011. Okt. 7. (P), 11.30
Minek? Szerintem jobb meghagyni a júzernek, amit ő megszokott.
  1. body { overflow: hidden; } /* Letiltja a böngészőablak görgetést */  
  2. div.content {   
  3. overflow: auto vagy scroll; /* Ennek engedek csak görgetést */  
  4. top: Y; /* Pozicionálom, akár a többit is */  
  5. left: X;  
  6.  }  
  7. mindegyik div {  
  8. position: absolute;  
  9. }