Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
problem z !Doctype ?
#1
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 Smile 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ć Big Grin Naprawdę się staram.

Pozdrawiam
Odpowiedz
#2
Spróbuj tak:
Kod:
body {
    background-color:#000;
width: 100%;
}
#top {
    height:700px;
    width:800px;
    margin: 50 auto 0 auto;
    background-color:#e8e7da;
}
Odpowiedz
#3
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. Sad

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? Smile
Odpowiedz
#4
Dopisz px w margin Smile

edit:
tzn:
margin: 50px auto 0px auto;
Odpowiedz
#5
Dziękuję Smile 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.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Question Wszystko o doctype Moody 12 8,384 06-03-2012, 05:04
Ostatni post: Zawiii

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl