CSS - jak wyśrodkować zawartość w oknie? - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - jak wyśrodkować zawartość w oknie? › CSS - jak wyśrodkować zawartość w oknie?

Path: news-archive.icm.edu.pl!news.icm.edu.pl!not-for-mail
From: "Marek" <b...@e...com>
Newsgroups: pl.comp.www
Subject: CSS - jak wyśrodkować zawartość w oknie?
Date: Thu, 30 Sep 2010 13:39:58 +0200
Organization: Dzial Sieciowy ICM, Uniwersytet Warszawski
Lines: 49
Message-ID: <i81sui$cnv$1@news.net.icm.edu.pl>
NNTP-Posting-Host: chello087207027155.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; format=flowed; charset="iso-8859-2"; reply-type=original
Content-Transfer-Encoding: 8bit
X-Trace: news.net.icm.edu.pl 1285846802 13055 87.207.27.155 (30 Sep 2010 11:40:02
GMT)
X-Complaints-To: u...@n...net.icm.edu.pl
NNTP-Posting-Date: Thu, 30 Sep 2010 11:40:02 +0000 (UTC)
X-Priority: 3
X-MSMail-Priority: Normal
Importance: Normal
X-Newsreader: Microsoft Windows Live Mail 14.0.8117.416
X-MimeOLE: Produced By Microsoft MimeOLE V14.0.8117.416
Xref: news-archive.icm.edu.pl pl.comp.www:396863
[ ukryj nagłówki ]
Witam,

Nie wiem co robię źle, że zawartość strony WWW nie centruje mi się na
ekranie pod IE8 i FF. Gdzieś kiedyś udało mi się to osiągnąć lecz nie mogę
dojść zastosowanego rozwiązania. Efekt jest taki, że obrazek rysuje się w
lewym górnym rogu przeglądarki. DIV nie ma ani szerokości ani wysokości 100%
pomimo zadeklarowania. Teoretycznie poprawia się sytuacja, gdy zadeklaruję
dla DIV'a position: absolute jedkakże i tak centrowanie w pionie nie
następuje. Poproszę o podpowiedź co przeoczyłem.

Kod mam następujący:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
html {
position: relative;
margin: 0px;
padding: 0px;
position: relative;
height: 100%;
width: 100%;
}
body {
position: relative;
margin: 0px;
padding: 0px;
position: relative;
height: 100%;
width: 100%;
}
div {
text-align: center;
vertical-align: middle;
display: table-cell;
height: 100%;
width: 100%;
}
</style>
</head>

<body>
<div><img src="obrazek.jpg" width="800" height="600"></div>
</body>
</html>