GoldenLine
Zaloguj się
Krzysztof Cieślak

Krzysztof Cieślak b-mind.pl

Temat: pomoc przy css

hej
planuję wystartować z firmowym sajtem (narazie portfolio).
potrzebowałbym pomocy - co zmienić, jak poustawiać style, aby strona była wyswietlana poprawnie pod większością (IE, FF, Opera, Safari) przeglądarek. Będę wdzięczny za pomoc.

adres bety:
http://www.xoestudio.com/xoestudio/

wzorcowo strona wyświetla się poprawnie pod FF 3Krzysztof Cieślak edytował(a) ten post dnia 17.05.09 o godzinie 01:00
Link do wypowiedziLink

konto usunięte

Temat: pomoc przy css

hmm... a może coś konkretnej? może przetestuj stronę a później napisz z czym masz problem :)

tak na pierwszy ogień
#header_additional_links
position:absolute;

no chyba, że tak miało być ...
Link do wypowiedziLink

konto usunięte

Temat: pomoc przy css

Krzysztof Cieślak:
wzorcowo strona wyświetla się poprawnie pod FF 3
... akurat FF nie jest wyznacznikiem czy strona jest dobrze skonstruowana ... sprawdź jeszcze w FF2 czy tam też jest wzorcowo :)
Link do wypowiedziLink

konto usunięte

Temat: pomoc przy css

przede wszystkim zaprzyjaźnij sie z tym http://validator.w3.org/ i ew. z tym http://jigsaw.w3.org/css-validator/ . Validator pozwala na poprawienie 70% błędów w kodzie jeśli chodzi o wyświetlanie. Bo może nie zawsze chodzi o to, zeby sie validowało, ale jak się waliduje, to jakimś 'dziwnym trafem' błędów jest jakby mniej...

druga sprawa - nie działają pngi w ie6, więc przyda ci się jeszcze coś takiego http://www.twinhelix.com/css/iepngfix/

trzecia sprawa, nie działa część hoverów w ie :) http://www.xs4all.nl/~peterned/csshover.html

no i w ie ta strona jest jakaś taka dłuuuuuuuuuuuuga :P Tak jak w FF kończy się pod ostatnim 'itemem', tak w ie ma poniżej jeszcze ze 4x tyle pustego miejsca...

tyle na szybko...
I to bez patrzenia w kod...
Link do wypowiedziLink
Julia Krysztofiak-Szop a

Julia
Krysztofiak-Szop
a InFlavo /
gryziemy.net

Temat: pomoc przy css

Lidia Wilczyńska:
no i w ie ta strona jest jakaś taka dłuuuuuuuuuuuuga :P Tak jak w FF kończy się pod ostatnim 'itemem', tak w ie ma poniżej jeszcze ze 4x tyle pustego miejsca...

W Operze też jest okropnie dłuuuga.
Link do wypowiedziLink

konto usunięte

Temat: pomoc przy css

Krzysztof Tomasz J.:
Krzysztof Cieślak:
wzorcowo strona wyświetla się poprawnie pod FF 3
... akurat FF nie jest wyznacznikiem czy strona jest dobrze skonstruowana ... sprawdź jeszcze w FF2 czy tam też jest wzorcowo :)

zapytam zaczepnie: a jaka przeglądarka według Ciebie jest?
Link do wypowiedziLink

konto usunięte

Temat: pomoc przy css

Piotr Lewandowski:
zapytam zaczepnie: a jaka przeglądarka według Ciebie jest?
Opera i Safari... każdy błąd który ukryje FF (np. nie zamknięty div itp) na pewno te dwie pokażą
Link do wypowiedziLink

konto usunięte

Temat: pomoc przy css

Krzysztof Tomasz J.:
Piotr Lewandowski:
zapytam zaczepnie: a jaka przeglądarka według Ciebie jest?
Opera i Safari... każdy błąd który ukryje FF (np. nie zamknięty div itp) na pewno te dwie pokażą

można zrobić stronkę tak, że będzie poprawnie wyświetlała się w Operze (ok. 8% udziału w rynku PL) i Safari (0,2% WTF?), ale rozwali się w Fx, IE 6 i 7 (ponad 83 %) - co wtedy??
Strona powinna działać w NAJPOPULARNIEJSZYCH przeglądarkach, nie w przeglądarkach które lubi dany webdeveloper... A sytuacją idealną będzie działanie stronki we wszystkich przeglądarkach - co wbrew pozorom nie jest wcale aż takie trudne (oczywiście zależy to od stopnia skomplikowania stronki)...
Link do wypowiedziLink

konto usunięte

Temat: pomoc przy css

co do dłuuuugiej strony to wystarczy w

#works_entries .post #cover
zmienić position:absolute;
na position: relative;

strona jest źle zamknięta

</body>
</html>

</div> <!-- end PAGE ID -->Krzysztof Tomasz J. edytował(a) ten post dnia 17.05.09 o godzinie 23:51
Link do wypowiedziLink

konto usunięte

Temat: pomoc przy css

Piotr Lewandowski:
można zrobić stronkę tak, że będzie poprawnie wyświetlała się w Operze (ok. 8% udziału w rynku PL) i Safari (0,2% WTF?), ale rozwali się w Fx, IE 6 i 7 (ponad 83 %) - co wtedy??
Piotrze wiem o co chodzi :)
Strona powinna działać w NAJPOPULARNIEJSZYCH przeglądarkach, nie w przeglądarkach które lubi dany webdeveloper... A sytuacją idealną będzie działanie stronki we wszystkich przeglądarkach - co wbrew pozorom nie jest wcale aż takie trudne (oczywiście zależy to od stopnia skomplikowania stronki)...

ale sam wiesz że można zrobić taki kod, który bez sztuczek i oszukiwania da się wyświetlić na każdej... oczywiście jak napisałeś, zależy od skomplikowania i wiedzy i doświadczenia kodera :)

i chyba się nie zrozumieliśmy... chodzi mi o wyznacznik jakości kodu... a to że teraz większość tworzy strony aby w Firebugu wyglądała OK a resztę mają w d.. albo coś się przyłata (tego trzymają się zwłaszcza CI poczytujący :))... nie oznacza że tworzy się ją zgodnie ze standardami :) ...

a różnice to potrafią być nawet między FF2 a FF3 :)Krzysztof Tomasz J. edytował(a) ten post dnia 17.05.09 o godzinie 12:54
Link do wypowiedziLink

konto usunięte

Temat: pomoc przy css

jeszcze jedno...

#works_entries {style000.css (wiersz 243)
border-right:1px dashed #887858;
float:left;
margin-bottom:-4000px;
padding:0 0 4000px 30px;
position:relative;
width:710px;
}

nie można tego jakoś inaczej?
margin-bottom:-4000px;
Link do wypowiedziLink
Krzysztof Cieślak

Krzysztof Cieślak b-mind.pl

Temat: pomoc przy css

Krzysztof Tomasz J.:
jeszcze jedno...

#works_entries {style000.css (wiersz 243)
border-right:1px dashed #887858;
float:left;
margin-bottom:-4000px;
padding:0 0 4000px 30px;
position:relative;
width:710px;
}

nie można tego jakoś inaczej?
margin-bottom:-4000px;

chodziło mi tu bardziej o przerywane kreski, które oddzielają sekcję z pracami i menu oraz tweetami, zeby byla zawsze na tyle długa na ile jest kontent.

dzięki za uwagi - uwzględnię.
Wielkie podziękowania dla Lidii za konstruktywną pomoc :)

Gdyby jeszcze sie coś komus nasunęło - będę dźwięczny :)Krzysztof Cieślak edytował(a) ten post dnia 17.05.09 o godzinie 13:46
Link do wypowiedziLink

konto usunięte

Temat: pomoc przy css

małe wtrącenie do zawartości - chyba nie 'lastest works', tylko 'latest works' ;)
pzdr!
Link do wypowiedziLink
Krzysztof Cieślak

Krzysztof Cieślak b-mind.pl

Temat: pomoc przy css

Paweł Nitka:
małe wtrącenie do zawartości - chyba nie 'lastest works', tylko 'latest works' ;)
pzdr!
a fakt :)
Link do wypowiedziLink
Krzysztof Cieślak

Krzysztof Cieślak b-mind.pl

Temat: pomoc przy css

Krzysztof Cieślak:
Paweł Nitka:
małe wtrącenie do zawartości - chyba nie 'lastest works', tylko 'latest works' ;)
pzdr!
a fakt :)

mam nadal problem z IE6
1. PNG FIX jakoś nie chce działać...
2. ustawiłem także na img -ms-interpolation-mode: bicubic; co miało mi dać filtrowanie obrazków "bicubic" przy ich skalowaniu w przeglądarce (skalowanie jest niestety potrzebne - przerobiłem wordpressa na CMS i bebechy są dostosowane do przyszłej rozbudowy sajtu) i niestety także nie działa.

ps. jestem bardziej grafikiem i programistą as3, php, z webdev'eloperką miałem do czynienia jakieś 3 lata temu i nie jestem na bierząco dlatego pomoc wskazana i z góry podziekowania :)

UPDATE: strona jest już na live. Gdyby były jeszcze jakieś propozycje proszę klikać w http://xoestudio.comKrzysztof Cieślak edytował(a) ten post dnia 18.05.09 o godzinie 12:39
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

zlecenie przy herbatce - cs...




Wyślij zaproszenie do
Anuluj