Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] padding property, Błedna irterpretacja przeglądarek ?
Black-Berry
post
Post #1





Grupa: Zarejestrowani
Postów: 663
Pomógł: 6
Dołączył: 3.06.2007
Skąd: Kraków

Ostrzeżenie: (0%)
-----


mam element typu div takiej wielkosci:
Kod
|--------|
|  text  |
|--------|

jesli teraz zastosuje na nim styl CSS postaci
Kod
div{
    position:absolute;
    padding-right: 50px;
}

to w firefoksie zamiast zwiekszac odstep pomiedzy prawym brzegiem diva a tekstem przy zachowaniu jego szerokosci, div ten zwieksza sie o 50px; po prawej. W IE jest poprawnie. Mozna cos z tym zrobic?

Ten post edytował Black-Berry 24.06.2007, 12:14:58
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
mike
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----


Cytat(Black-Berry @ 24.06.2007, 13:13:46 ) *
to w firefoksie zamiast zwiekszac odstep pomiedzy prawym brzegiem diva a tekstem przy zachowaniu jego szerokosci, div ten zwieksza sie o 50px; po prawej. W IE jest poprawnie. Mozna cos z tym zrobic?
Można wywalić IE (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
Bo widzisz tak się składa że to IE postępuje wbrew standardowi XHTML i wbrew temu co ustaliło konsorcjum W3C.

Wielkość elementu to width (bądź height) + padding natomiast dla IE wielkośc elementu to tylko width (bądź height).

Jeśli chcesz mieć uniwersalnie polecam komentarze warunkowe: Conditional comments.

  1. <style type="text/css">
  2. div {
  3. position:absolute;
  4. width: 100px;
  5. padding-right: 50px;
  6. }
  7.  
  8. <!--[if lte IE 6]>
  9. <style type="text/css">
  10. div {
  11. width: 200px;
  12. }
  13. </style>
  14. <![endif]-->


I teraz pod badzIEwIEm i pod innymi przeglądarkami <div> zajmuje 200px wzdłuż.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 16.10.2025 - 01:50