Problem z ustawianiem menu w różnych przeglądarkach


(system) #1

(Mathew) #2

css fix


(system) #3

czyli jak to zastosować ? można prosić jakiś link lub jak szukać?


(Mathew) #4

-o

http://www.google.pl/search?q=css+fix&i ... =firefox-a


(M@ster) #5

Jaki IE? między 6 a 8 jest spora różnica w interpretacji html'a i im dalej tym lepiej.

Tak na marginesie, nie musisz robić klasy .first, możesz użyć selektora, np:

li:first-child { ... }

dzięki temu nie ma potrzeby nadawania pierwszy

klasy. Mniej kodu, bardziej przejrzyste, mniej kłopotliwe :).


(athei) #6

http://www.quirksmode.org/css/firstchild.html

@mysza1553 Co do menu, poprzeglądaj sobie http://css.maxdesign.com.au/listamatic/index.htm


(system) #7

testowałem na IE 7, ale już się uporałem z tym.

odnośnie menu, chodzi mi o zrobienie czegoś takiego jak na zdjęciu zarysowałem. W zależności od tego na której podstronie się znajdujemy wtedy bloczek z menu łączy się z dużym blokiem tekstu i podświetlony napis na kolor czerwony. jak widać na załączonym obrazku. I żeby zrobić tak do wszystkich. Jest to możliwe ?

http://www.fotosik.pl/pokaz_obrazek/66f ... 144c7.html

pozdrawiam


#8

Na danej podstronie nadajesz tej pozycji w menu np id="aktualne".

A w cssie: #aktualne{color:red; itd itp}, wygląd dostosowujesz do takiego jak na obrazku.

Wrzuć na jakiś host tą stronę to będzie nam łatwiej Ci pomóc.


(system) #9

http://test4163.ueuo.com/

tak to wygląda, sprawdźcie jak możecie czy wyświetla się u was dobrze ta strona ?

pozdrawiam


(athei) #10

Nie wyświetla się dobrze, przez #menu left:-179px;

Dlaczego div menu jest w div header, do czego ci potrzebny div page. Co robi position relative i absolute w menu, nie lepiej było użyć floatowania dla menu i wrappera?


(system) #11

blok page usunięty, bo faktycznie nie był potrzebny. div menu umieszczony jest w header, ponieważ po ustaleniu jego pozycji 'przylega' do bloku z tekstem i po pomniejszaniu strony i za pomocą rolki na myszce przylega on ciągle do bloku obok, a jeżeli zostanie on umieszczony w kodzie jako pierwszy blok, nie znajdującym się w żadnym innym to po oddaleniu menu ucieka na lewo. Można pokazać jak zrobić to bez użycia pozycjonowania, a za pomocą floatowania ? bo nie mam pojęcia jak może to wyglądać bo zachować wygląd strony.

pozdrawiam


(athei) #12

Po 1 zawsze zeruj domyslny margin, padding itp. http://meyerweb.com/eric/tools/css/reset/

Co do Twojego problemu (na szybko)

[/code] css
[code]#wrapper{ float: left; background-color:white; margin: 0 auto; width:780px; padding:10px; border: 1px solid #A9A9A9; font-size:1.5em; font-family:Curier New; text-align:center; border-left:none; } #menu{ float: left; } #menu ul{ width:130px; font-size:15px; } #menu li { display: block; list-style: none; border-right:1px solid #a9a9a9; } .main{ margin-right:20px; width:110px; background-color:white; color:#D51007; border-bottom:0px solid white; border-right:none; }


(system) #13

okej poprawiłem to, ale teraz tak. w bloku menu trzeba by jeszcze dać margin-top:-15px; by było równo z góry (FF), bo w IE7 wyświetla się poprawnie bez tego marginesu. i blok wrapper nie znajduje się na środku strony, jest bardziej na lewo. jak teraz ten problem rozwiązać ?

-- Dodane 12.09.2009 (So) 23:43 --

nie mogę sobie poradzić z ustawieniem tego.

a czy wcześniejsza wersja z pozycjonowaniem była zła ?