Forum PHP.pl > Dlaczego firefox inaczej traktuje margin

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Dlaczego firefox inaczej traktuje margin

Forum PHP.pl > Forum > Po stronie przeglądarki

adam2adam1

4.05.2006, 23:20:08

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 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>jakis tytuł</title> 
</head>
<body>
<div id="links">
jakaś treść
</div>
<div id="content">
jakaś treść
</div>
 
</body>
</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

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

revyag

5.05.2006, 09:29:14

W tym temacie był chyba podobny problem:
http://forum.php.pl/index.php?showtopic=43654&hl=

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.