Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Dlaczego firefox inaczej traktuje margin, niż Opera i IE(tylko w tych sprawdzałem)
adam2adam1
post
Post #1





Grupa: Zarejestrowani
Postów: 27
Pomógł: 0
Dołączył: 17.09.2004
Skąd: Sulejówek

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

Robie sobie ostanio szablon do bloga. Przy okazji ucze się CSSa, i projektowania stron.
Firefox gdy dam margin górny 0 dla div#links to traktuje go jakbym dał 250px. Jeżeli natomiast dam 250px to traktuje to jako 500px. Opera i IE nie ma takich problemów. Cóż ja moge zrobic by tak nie było ? Nie chciałbym pozycjonowania absolutnego.

Posiadam taki kod:
[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  3.     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  5. <head>
  6. <title>jakis tytuł</title> 
  7. </head>
  8. <body>
  9. <div id="links">
  10. jakaś treść
  11. </div>
  12. <div id="content">
  13. jakaś treść
  14. </div>
  15.  
  16. </body>
  17. </html>
[HTML] pobierz, plaintext

No i taki arkusz styli
Kod
body {margin: 0; padding 0; color: black; background: white url(malibubg.jpg) 0 0 no-repeat fixed;}
h1 {color: white; font: italic bold 30px/30px Arial, sans-serif; margin: -9px -9px 0.5em; text-align: center;}
h3 {color: white; margin-bottom: 0.25em; font: 20px bold Verdana, sans-serif;}
p {margin: 0 1em 1em;}
a {text-decoration: none; color: #16FF00;}
a:visited{color:#008F00;}
div#links {float: left; margin: 0px 0px 0px 0px; width: 150px;}
div#links {background: rgb(99%,69%,5%) url(malibuo.jpg) 0 0 no-repeat fixed;}
div#links a {display: block; font-weight: bold; color:#F50000}
div#links a:hover {background: #F57A00;}
div#links a:visited {color:#F50000}
div#content {margin: 250px 0px 1000px 150px;  width: 550px; font: 12px Verdana, sans-serif; padding: 10px;}
div#content {background: rgb(99%,69%,5%) url(malibuo.jpg) 0 0 no-repeat fixed;}


P.S. wiem, że IE nie obsługuje fixed dla divów (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
P.S.2 mam nadzieje, że dobry dział, bo to chyba wymieszanie CSSa z XHTMLem
P.S.3 nie podaje szczegółów wyglądu, bo chcę Was zaskoczyć w dziale oceny (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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

W tym temacie był chyba podobny problem:
http://forum.php.pl/index.php?showtopic=43654&hl=
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.12.2025 - 19:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn