[HTML][CSS] divy 2 wsuwa się pod 1 Opcje

[adi456]

Witam, taki dziwny problem mam

mam 2 divy

[HTML] pobierz, plaintext 
<div id="1">tu menu</div>
<div id="2">tu treść</div>
[HTML] pobierz, plaintext 

no i w 1 mam ustawiony position: fixed, mój problem polega na tym gdy w 2 jest dużo treści to przy przesówaniu cześć 2 chowa się pod 1, przeszkadza to głównie przy wyszukiwaniu CRRL+F ponieważ przeważnie wyszukiwana treść chowa się pod tego 1 diva, można coś z tym zrobic?

Ten post edytował adi456 5.03.2012, 14:56:09

[nospor]

DIVY 2 WSUWA SIĘ POD 1

Nie krzycz. Popraw tytuł na nie krzyczący.

no i w 1 mam ustawiony position: fixed

No ustawiłeś fixed to masz czego chciałeś. Nie bardzo rozumiem problem.

[adi456]

fixed służy mi do unieruchomienia menu, czyli przewijam strone menu jest zawsze w miejscu, problem jest taki że jak przwijam tą strone to treść wchodzi pod tego diva z menu, jak pisałem wcześniej przeszkadza to w wyszukiwaniu teskstu na stronie

Ten post edytował adi456 5.03.2012, 15:13:30

[MGraphics]

Jeżeli menu masz u góry i chcesz to zrobić tak by zawsze było na góre bez względu na przewijanie to musisz sobie resztę strony odsunąć od góry o tyle pixeli ile ma wysokości twoje menu. Tak by ograniczyć wielkosc tego dolnego diva.

A jezeli to nie ten problem to proszę o szczegóły.

http://www.w3schools.com/cssref/pr_class_position.asp

Ten post edytował MGraphics 5.03.2012, 15:15:19

[adi456]

tak menu mam u góry, tak oczywiście próbowałem position:absolute margin-top oraz top i nic nie pomaga, treść zawsze wsuwa się pod menu, jedyny spoób jaki udało mi się wykombinowac to ustawienie div z treścią też na position:fixed lecz to jest beznadziejne rozwiązanie.

[!*!]

Trudno żeby było inaczej skoro użyłeś position:fixed dla menu, jeśli chcesz je mieć pod spodem, możesz pobawić się z-index dla niego/lub tekstu.

[MGraphics]

tak menu mam u góry, tak oczywiście próbowałem position:absolute margin-top oraz top i nic nie pomaga, treść zawsze wsuwa się pod menu, jedyny spoób jaki udało mi się wykombinowac to ustawienie div z treścią też na position:fixed lecz to jest beznadziejne rozwiązanie.

Nie próbowałem tego sposobu, ale może ustaw sobie

[HTML] pobierz, plaintext 
body{
margin-top: 50px ;
}
[HTML] pobierz, plaintext 

i wtedy zadziałaj z fixed

[!*!]

http://jsfiddle.net/XV62b/1/

[adi456]

z-index da bezsensowny efekt (przy przewijaniu menu zasłoni się tekstem) a chodzi o to żeby menu było cały czas widoczne, margin-top powoduje że przy otwarciu strony teskt znajduje się w odstepie, przy przewijaniu tak czy inaczej wchodzi pod menu

[!*!]

To zdecyduj się czego Ty chcesz. A najlepiej podaj jakiś działający przykład.