fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Programozás » CSS position gyilkolása divekkel?

CSS position gyilkolása divekkel?

Figyelt kérdés

Annyi lenen a gondom, hogy margin pading 0 mindenhol (* használatával), és van egy menüm az oldal tetején, amit fix-re szeretnék állítani, hogy görgetéskor fent maradjon, DE! a jó isten se tudja miért, de ha CSS-ben, ha jQueryben beállítom a fix pozíciót akár div-re, akár class-ra lejjebb tolja a menüt. Miért?

Képek:

001: [link]

002: [link]

003: [link]

004: [link]


2013. aug. 3. 00:30
1 2 ❯
 1/12 anonim ***** válasza:

A menü szülő elemének kell a menü magasságával növelni a margin-top-ját, hogy kimaradjon neki a hely.


A menü konténerét (célszerű <nav> taget használni), position: fixed;-el kell pozícionálni, left: 0; right: 0; vízszintesen kitölti a rendelkezésre álló helyet, top: 0; pedig fentre helyezi.


A menüpontokat célszerű egy ul-be rakni, az ul-en belül pedig inline pozicionálást használni.


A jQuery-t hagyd, nem erre való. Ha összetettebb működést akarsz a menünek scrollozás során, akkor szükséged lehet rá, de amit te akarsz, azt CSS-ben kell megoldani.


A 4. képen linkelt résznek tényleg semmi haszna vagy értelme nincs, ezt szimplán CSS-ben kell megoldani.

2013. aug. 3. 00:47
Hasznos számodra ez a válasz?
 2/12 A kérdező kommentje:

Na nézzük csakugyan igazad lehet, így jobban néz ki:


_001: [link]

_002: [link]

_003: [link]


? :D

2013. aug. 3. 01:04
 3/12 A kérdező kommentje:

Ja és egy ilyet még hozzátettem:

#menu ul {list-style: none;}

2013. aug. 3. 01:07
 4/12 anonim ***** válasza:

fixed;

nem kell a 0 érték.

2013. aug. 3. 01:07
Hasznos számodra ez a válasz?
 5/12 A kérdező kommentje:
De ha leveszem a 0 értéket, akkor ugyanott tartunk, mint az első képnél a kérdésben. Ha utána írom, hogy top: 0;, akkor meg a content menüt is felcsúsztatja. IE alatt marad az első kép minden esetben.
2013. aug. 3. 01:13
 6/12 A kérdező kommentje:
Na sikerült, IE alatt blokkolta (pff vak vagyok már ilyenkor), A content menüre meg ráraktam még 100px-t fent a marginra.
2013. aug. 3. 01:17
 7/12 anonim ***** válasza:
Így kell megoldani [link]
2013. aug. 3. 01:20
Hasznos számodra ez a válasz?
 8/12 A kérdező kommentje:
Igen sikerült, csak annyi, hogy a köcsög IE megint szarakszik... list-style-type: none; display: inline;, semmi hatása sincs...
2013. aug. 3. 01:27
 9/12 anonim ***** válasza:

IE melyik verziója?


Ha máshogy nem megy, próbáld floatolással, bár szerintem az rossz ötlet. Én IE-re conditional commenttel teszek általában egy blank css fájlt és el van intézve. Max színeket állítok.

2013. aug. 3. 01:36
Hasznos számodra ez a válasz?
 10/12 A kérdező kommentje:
8as verzió van fent, de amúgy kb alig értettem, hogy mit is írtál, nagyjából még tanulom ezeket, lassan térek át a jQueryre és a PHP-ra, de még itt tartok csak.
2013. aug. 3. 01:40
1 2 ❯

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Programozás kategória kérdései »



Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!