GoldenLine
Zaloguj się
Konrad Karpieszuk

Konrad Karpieszuk WordPress Plugin
Compatibility
Assurance for WPML

Temat: chrome i opera zaczely ignorowac z-index?

witam

spojrzcie na http://muzungu.pl

w firefoksie jest ok. artykul w lewej kolumnie zaczyna sie od ssamej gory okna przegladarki, na rowni z prawa kolumna

natomiast w chrome (uwaga: chodzi o wersje dev 9.x, we wczesniejszych jest jak w firefox) oraz w operze 10.x nad artykulem jest przestrzen rowna wysokosci prawego bloku z menu, tytulem bloga i jego opisem:


Obrazek


tytul bloga, opis i te menu sa w div-ie #header, ktory ma ustawiony z-index: 2. wg mnie dzieki temu #header jest nad wszystkim i reszta powinna byc pozycjonowana z pominieciem tego

ma ktos pomysl jak to poprawic? mialem nadzieje, ze w nowszych buildach chrome to przywroca ale widze ze nie i na dodatek opera zaczela tak samo wyswietlac.Konrad Karpieszuk edytował(a) ten post dnia 19.11.10 o godzinie 10:59
Link do wypowiedziLink

konto usunięte

Temat: chrome i opera zaczely ignorowac z-index?

jeśli w Operze i Chrome jest tak samo to na pewno to wina FF ;)

troszkę przykombinowałeś z tym z-index...

zatem, jeśli header ma stałą wysokość to

#header
margin-left: 648px;
overflow-x: hidden;
overflow-y: hidden;
position: absolute;
width: 290px;
Link do wypowiedziLink
Konrad Karpieszuk

Konrad Karpieszuk WordPress Plugin
Compatibility
Assurance for WPML

Temat: chrome i opera zaczely ignorowac z-index?

@Krzysztof, dzięki,, zadziałało :) wycialem tylko te overflow, bo przez nie menu jak sie rozwijalo to nie bylo widac tego, co wystaje poza #header
Link do wypowiedziLink
Marcin Lenkowski

Marcin Lenkowski Szukasz
programistów?
Zapraszamy do
Exulto!

Temat: chrome i opera zaczely ignorowac z-index?

overflow-x mi, na macu dalej nie działa, nie wiem, może jeszcze nie wprowadziłeś zmian, ale w razie czego informuję :)
Link do wypowiedziLink
Bartłomiej Jończy

Bartłomiej Jończy iOS / Java EE
Developer

Temat: chrome i opera zaczely ignorowac z-index?

A ja w FF na Mac'u mam wielki, poziomy scrollbar.
Link do wypowiedziLink
Konrad Karpieszuk

Konrad Karpieszuk WordPress Plugin
Compatibility
Assurance for WPML

Temat: chrome i opera zaczely ignorowac z-index?

Bartłomiej Jończy:
A ja w FF na Mac'u mam wielki, poziomy scrollbar.

heh, u mnie tez jest ale nie mam pojecia skad sie wzial. cos nie wydaje mi sie by na pewno mial cos wspolnego z headerem. ktos ma pomysl?
Link do wypowiedziLink

konto usunięte

Temat: chrome i opera zaczely ignorowac z-index?

Jest fajna sztuczka żeby zobaczyć jaki element jest przyczyną rozjechania się strony. W konsoli Javascript w którymś z narzędzi typu Firebug, Opera Dragonfly trzeba wpisać:

>>> jQuery('*').css('border', '1px solid red');

Ujawnia się element w górnej części strony (.menu), który ma nadaną szerokość 940px. Usunięcie właściwości width sprawia, że pasek poziomy znika.
Link do wypowiedziLink
Konrad Karpieszuk

Konrad Karpieszuk WordPress Plugin
Compatibility
Assurance for WPML

Temat: chrome i opera zaczely ignorowac z-index?

@Michał, dzięki :)
Link do wypowiedziLink
Jarosław Czub

Jarosław Czub FullStack Developer

Temat: chrome i opera zaczely ignorowac z-index?

Michał P.:
Jest fajna sztuczka żeby zobaczyć jaki element jest przyczyną
>

A podziękował, dobra sztuczka.
Link do wypowiedziLink

konto usunięte

Temat: chrome i opera zaczely ignorowac z-index?

Proszę bardzo ;)

Dodam jeszcze, że nieraz można użyć outline (w nowszych przeglądarkach innych niż IE <= 8). Własność border wprowadza dodatkową szerokość do elementów, co może spowodować rozjechanie się layoutu, jeżeli jest robiony "co do pixela".
Link do wypowiedziLink
Marek Stępień

Marek Stępień JavaScript
developer, front-end
engineer.

Temat: chrome i opera zaczely ignorowac z-index?

Outline jest, owszem, bardzo fajne, tyle że w Operze 9.x/10.x właśnie naprawdę ignoruje z-index i wyświetla się ponad wszystkim (tak jak <select> w IE6 ;-))
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Opera Unit - zawsze o jeden...




Wyślij zaproszenie do
Anuluj