+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: problem z !Doctype ? (/thread-problem-z-doctype)
problem z !Doctype ? - horizon - 20-01-2010
Witam, to mój pierwszy post i z pewnością nie ostatni! Zawsze jak robiłem stronki to wciepywalo sie do tabelek, jako, że przeniosłem się do CSS z ciekawości na początku nie było żadnych problemów. Zrobiłem całą stronę i w IE wyglądała tak jak powinna, ale jak włączyłem ją w FF to poszczególne elementy były rozjechane. Dlatego zaczynam teraz w 100% od nowa i mam taki problem, przyznam, że moja wiedza css jest z tylko i wyłącznie z tutoriali. Do pisania używam Dreamweavera.
Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="top">hytytttggfrtrrtrtfg</div>
</body>
</html>Style:
Kod:
@charset "utf-8";
/* CSS Document */
body {
background-color:#000;
}
#top {
height:700px;
width:800px;
top:50px;
background-color:#E8E7DA;
margin-left:auto;
margin-right:auto;
position:relative;
}No i ładnie mi to wygląda w podglądzie
div jest wyśrodkowany etc, tylko jak otwieram plik w IE lub firefoxie... NIE MA NIC. Zauważyłem, że usunięcie !Doctype powoduje, że wszystko wyświetla tylko div już nie jest wyrównany, "margin-left/right" nie jest brany pod uwagę. Co mam zrobić, żeby to wszystko ładnie działało?Proszę się nie gniewać
Naprawdę się staram. Pozdrawiam
RE: problem z !Doctype ? - Labsta.com - 20-01-2010
Spróbuj tak:
Kod:
body {
background-color:#000;
width: 100%;
}
#top {
height:700px;
width:800px;
margin: 50 auto 0 auto;
background-color:#e8e7da;
}RE: problem z !Doctype ? - horizon - 20-01-2010
Dziękuję za szybką odpowiedź,
teraz wyświetla się tło diva, niestety div znajduje się w górnym lewym rogu, ani nie jest wycentrowany ani 50px od góry.
P.S.
Dotyczy to teraz IE. Czy zatem zrealizowanie tego na IE i FF jest bardzo trudne i powinienem skoncentrować się na jednej przeglądarce?
P.S.2
Czy powinienem usunąć wartość !Doctype?
RE: problem z !Doctype ? - Labsta.com - 20-01-2010
Dopisz px w margin
edit:
tzn:
margin: 50px auto 0px auto;
RE: problem z !Doctype ? - horizon - 20-01-2010
Dziękuję
problem rozwiązany, jeżeli to nie będzie przeszkadzać to ewentualne następne pytanie, które (mam nadzieję, że nie) z pewnością się pojawi zadam tutaj niż miałbym zaśmiecać forum. Chyba, że rozwiązane problemy są zamykane.Pozdrawiam.