GoldenLine
Zaloguj się
Anna Zadurska

Anna Zadurska Student, Akademia
Finansów w Warszawie

Temat: moja strona

poprawione wszystko, z tekstem jak widać nie jest najlepiej gdy jest go za dużo, ale to nie problem, nie wiele tam zamierzam wstawic tekstu;)

jednak stronka nadal się sypie pod IE :(
Link do wypowiedziLink
Janusz Skudrzyk

Janusz Skudrzyk Członek zarządu,
weblabs.pl

Temat: moja strona

jeśli można coś zasugerować

to pozwala oznaczyć fragment strony jako komentarz, przeglądarka uzna, że tekst nie jest ważny i go nie wyświetli

innymi słowy: dziel i rządź

a z tekstem, który wyjeżdża poza bloki, to najlepiej będzie w css ustawić div bez wysokości (niech się sam "rozwinie"), a że są to dwie kolumny, to powinny trafić do wspólnego diva (kontenera) z background-image: url() ; background-repeat: repeat-y ; (tło samo się powieli w pionie)

i do firefoxa polecam rozszerzenie firebug, pozwala podejrzeć i edytować kod strony/css, i podświetlić elementyJanusz Skudrzyk edytował(a) ten post dnia 30.12.08 o godzinie 01:38
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: moja strona

Z tekstem jest nie najlepiej bo nie usunęłaś wszystkich niepotrzebnych (wstawionych na stałe) wysokości divów, które powinny być elastyczne.

Co do rozjeżdżania się strony w IE. Masz DIVa TOP a on wcale nie jest TOPem tylko w sumie takim Kontenerem trzymającym całość strony... nie jest to błąd ale myli trochę ;)

Taki szybki test... wszędzie używasz float left i right które dopełniają się pikselami do sumy 900px. Ja osobiście na Twoim miejscu nie bawiłbym się w opływanie za pomocą floatów bo żeby umiejętnie się nimi posługiwać to trzeba trochę już siedzieć w CSSach. No ale jak już to zrobiłaś to spróbuj odjąć kilka pikseli po szerokości we wszystkich elementach aby nie dawały w sumie 900 tylko powiedzmy 898 lub mniej. IE czasami potrafi dodać 1 piksel i już Ci się layout wyłoży jeśli wszystko masz robione na ścisk (element który się nie mieści przejdzie w inne miejsce
przesuwając inne)

EDIT: To o czym pisałem wyżej nie dotyczy akurat chyba Twqojego projektu ale trzeba o tym pamiętać na przyszłość.

Za to mam kilka rad które powinny pomóc.

Pierwszy raz gdy w CSS pojawia się #menu to wszystko co tam jest wpisane jest zbędne. Później wywal z #naglowek: overflow:hidden; i float:left; bo są niepotrzebne (a przynajmniej ten float niczemu nie służy a pomoże wycentrować layout).

Elementem psującym wszystko jest natomiast... #prawatop, który to przez swój float i zły clear wskakuje tam gdzie nie powinien. Wykomentuj sobie DIVa prawatop i zobaczysz o co chodzi.

Następnie w CSS przy elemencie #menu dodaj float: left; i menu wskoczy po lewej stronie od logo w IE. Może coś jeszcze trzeba usunąć lub dodać ale najpierw spróbuj to.

PS. Menu za pomocą tylko grafiki to zły pomyśl. Po drugie spróbuj zrobić menu za pomocą listy UL zamiast tych divów które niczemu nie służą (ale to dopiero później jak zobaczysz, że poprzednie rady podziałały bo z UL i jego ostylowaniem możesz mieć kłopot)Michał K. edytował(a) ten post dnia 30.12.08 o godzinie 02:20
Link do wypowiedziLink
Anna Zadurska

Anna Zadurska Student, Akademia
Finansów w Warszawie

Temat: moja strona

Wszystko bez sensu, nic nie działa

ta wersja co teraz jest najbardziej odpowiada oryginałowi, tylko dól się sypnął, długości elementów nie mogę usunąć bo się sypieAnna Zadurska edytował(a) ten post dnia 30.12.08 o godzinie 13:52
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: moja strona

Jak dobrze zrobisz to się nie posypie. Ktoś wcześniej pisał Ci abyś nie robiła dużych elementów tła tylko skorzystała z właściwości powtarzania tła repeat-x na wycinku tła - i jakość będzie lepsza i element DIV będzie bardziej elastyczny (teraz kompresja JPGa jest okropna).
Pamiętasz jak to wczoraj wyglądało? Teraz jest już chyba dużo lepiej nie? Pokasuj te wysokości na DIVach które będą wypełniane tekstem... ale pamiętaj też wtedy żeby poczyścić (clear) odpowiednio floaty elementami następującymi po DIVach z tekstem. Powinno pomóc.
Link do wypowiedziLink
Alan Gabriel B.

Alan Gabriel B. Software Engineer,
IFX

Temat: moja strona

Na szybko przejrzałem twój plik stylów i chyba mam odpowiedź dlaczego rozjeżdża się pod Ie. Stare jak świat i nie wiem dlaczego nikt tego nie zauważył.

http://www.tantek.com/CSS/Examples/boxmodelhack.html

IE6 troszkę inaczej interpretuje wielkości elementów, ze zdefiniowanymi paddingami, niż inne DOBRE przeglądarki :)

Pozdrawiam, Alan
Link do wypowiedziLink
Michał K.

Michał K. Starszy Grafik,
home.pl

Temat: moja strona

Alan B.:
Na szybko przejrzałem twój plik stylów i chyba mam odpowiedź dlaczego rozjeżdża się pod Ie. Stare jak świat i nie wiem dlaczego nikt tego nie zauważył.

http://www.tantek.com/CSS/Examples/boxmodelhack.html

IE6 troszkę inaczej interpretuje wielkości elementów, ze zdefiniowanymi paddingami, niż inne DOBRE przeglądarki :)

Pozdrawiam, Alan

Nikt tego nie zauważył bo wcześniej też się rozsypywało a nie było żadnych paragrafów (a teraz "P" są jedynymi elementami które mają przypisane paddingi).

Szkoda, że nie ma pierwszej wersji jak to wyglądało w IE. Bo to co teraz wszyscy widzą to wersja nadpisana na starą i wygląda o niebo lepiej niż na początku.

Ja sobie testowo zrobiłem po swojemu na localu i działa OK. Ale lepiej niech ktoś się uczy metodą prób i błędów a nie czeka na gotowy kod. Pomijam już to, że gdybym ja to robił to sam kod wyglądałby całkiem inaczej.
Link do wypowiedziLink
Edyta Floras

Edyta Floras Trener on-line /
Konsultant ds.
marketingu

Temat: moja strona

Aniu

Dla przeglądarek IE możesz zastosować dodatkowe pliki css, korzystając z tak zwanych komentarzy warunkowych.

Pomiędzy znacznikami
umieszczasz 



< !--[if  IE 6]>

< link rel="stylesheet" type="text/css" href="style/ie6.css" />

< ![endif]-->



< !--[if  IE 7]>

< link rel="stylesheet" type="text/css" href="style/ie7.css" />

< ![endif]-->


ps pomiędzy znakiem < a ! na początku każdej liniinie ma spacji, jednak musiałam ją zrobić inaczej instrukcja nie wyświetlałam się na stronie ;/

podając link do swoich stylów przeznaczonych odpowiednio dla ie6 i ie7

pozdrawiam

Anna Zadurska:
przeniesiono mnie do tego działu, więc pisze to samo co tam
cytuje;)

Jestem tu nowa więc zacznę od magicznego słowa Witam Wszystkich,

od razu przejdę do rzeczy, tak więc przez święta postanowiłam zrobić swoją stronę, zrobiłam jako taki wstępny szablon oparty na divach,
w liceum uczono nas robienia stron opartych na tabelkach
tak więc divów musiałam się uczyć na szybko,
i niestety nie udało się
szablon pod firefoxem trzyma się kupy ale pod IE całkowicie się rozsypuje,
więc zwracam się z prośbą o pomoc bo sama sobie nie poradze

oto ten wstępny szablon:
http://moje-cv.yoyo.pl
a to link do pliku style.css
http://moje-cv.yoyo.pl/style.css

potrafi ktoś znaleźć błąd??
Edyta Floras edytował(a) ten post dnia 07.01.09 o godzinie 00:47
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Moja strona na Safari nie d...




Wyślij zaproszenie do
Anuluj