Problem z wyglądem strony w przeglądarkach

cooleczka

Avatar: cooleczka

2010-08-07 12:34

Witam,

mam problem stary jak świat chodzi o różnicę w wyglądzie strony w przeglądarkach. W css zdefiniowałam zaokrąglone rogi w container (i nie tylko) za pomocą komendy -moz-border-radius: 18px 18px 18px 18px; i w firefoxie jest tak jak powinno z kolei w IE niestety nie, jak mogę to zmienić ?

A kolejna sprawa też dotycząca tego tematu to wielkość czcionki w menu Kategorie, w mozilli jest ok w IE wychodzi poza pole.

Pozdrawiam

» Quick.Cart v2.x

rzyber

Avatar: rzyber

2010-08-07 13:30

Jeżeli chodzi o -moz-border-radius to jak sama nazwa mówi tyczy się to tylko mozilli ;] używając dodatkowo border-radius uzyskasz ten sam efekt w Operze.

Niestety w IE tego nie uzyskasz w ten sposób.

rzyber.com

cooleczka

Avatar: cooleczka

2010-08-07 15:37

Dzięki za odpowiedź, szczerze mówiąc nie widziałam że moz dotyczy mozilli, ale teraz ma to sens :) W takim razie co mogę zrobić żeby zarówno w mozilli jak i w IE były te zaokrąglenia ?

rzyber

Avatar: rzyber

2010-08-07 21:19

Najprościej za pomocą grafiki.

Nad cointainer dodajesz div'a z backgroundem jak w linku
http://rzyber.com/quickcart/divtop.png (oczywiście kolor i szerokość dostosowujesz według potrzeb)

Pod container kolejny div i odwrotny background.
Nie zapomnij odznaczyć tych diwów w @media print jako display:none; jeśli nie chcesz ich drukować.

rzyber.com

rzyber

Avatar: rzyber

2010-08-07 21:21

A i w cointainer ustawiasz tylko background-color

rzyber.com

Do góry
o nas | kontakt