20-01-2010, 19:44
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.
Style:
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
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

Proszę się nie gniewać

Pozdrawiam