Re: wyśrodkowanie body - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › wyśrodkowanie body › Re: wyśrodkowanie body

Path: news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!news.onet.pl!.POSTED!not-for
-mail
From: "identifikator: 20110701" <N...@g...pl>
Newsgroups: pl.comp.www
Subject: Re: wyśrodkowanie body
Date: Wed, 3 Aug 2011 20:06:50 +0200
Organization: http://onet.pl
Lines: 58
Message-ID: <j1c2np$1p7$1@news.onet.pl>
References: <j0f4if$h9a$1@news.onet.pl> <j170os$33e$1@news.onet.pl>
<j1715r$q7f$1@node2.news.atman.pl> <j171ct$5il$1@news.onet.pl>
<j171p8$qu9$1@node2.news.atman.pl> <j19atc$npi$1@news.onet.pl>
<j19b26$3la$1@node2.news.atman.pl> <j19cv4$uh$1@news.onet.pl>
<j19in7$c12$1@node2.news.atman.pl> <j1c0s0$oui$1@news.onet.pl>
<j1c1gf$ps1$1@node2.news.atman.pl>
NNTP-Posting-Host: pc-85-202-105-129.siedlce.domtel.com.pl
Mime-Version: 1.0
Content-Type: text/plain; format=flowed; charset="UTF-8"; reply-type=response
Content-Transfer-Encoding: 8bit
X-Trace: news.onet.pl 1312394809 1831 85.202.105.129 (3 Aug 2011 18:06:49 GMT)
X-Complaints-To: n...@o...pl
NNTP-Posting-Date: Wed, 3 Aug 2011 18:06:49 +0000 (UTC)
X-Priority: 3
X-MSMail-Priority: Normal
X-Newsreader: Microsoft Outlook Express 6.00.2900.5843
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5579
Xref: news-archive.icm.edu.pl pl.comp.www:399235
[ ukryj nagłówki ]

> <div> tak, ale ja pisałem o akapitach, czyli <p>, to one mają margines(y).
> Zrób test: zamiast powyższej reguły wpisz
> * { border: 1px solid black; }
> zobaczysz o co chodzi.

no ja Cię rozumiem, ale mi chodziło o to, że <P> nie powinny mieć wpływu na
DIVy, a mają... coś dziwnego.

dodałem tą linijkę i kompletnie się zamieszało...
bez ramek i bez wyzerowania marginesów mam tak:
http://henku.ayz.pl/Smietnik/pozycjonownaie.PNG
z ramkami i bez wyzerowania marginesów mam tak:
http://henku.ayz.pl/Smietnik/pozycjonowanie2.png

no i DLACZEGO? w pierwszym wypadku jest nierówno, a w drugim już jest
równo... tego to raczej w kursach nie znajdę... ;o)

kodzik:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional
.dtd">
<html>
<head>
<style type="text/css">
* { border: 1px solid black; }
div.ogolne {width: 800px; margin: 0 auto 0 auto;}
div.jeden {width: 400px; height: 200px}
div.dwa {position: relative; left: 600px; top: -200px; width: 200px; height:
200px}
</style>
</head>
<body>
<div class="ogolne">
<div><P><img src="1.jpg"></P></div>
<div><P>TEST</P></div>
<div>div {width: 800px; margin: 0 auto 0 auto;}
div {width: 800px; margin-left: auto; margin-right: auto;}
html {text-align:center; }
div {width: 800px; margin-left: auto; margin-right: auto;}
body
{
text-align: center;
}
<div class="jeden"><P>abc abc abc abc abc abc abc abc abc abc abc abc abc
abc abc abc abc
abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc
abc abc abc abc abc abc abc abc abc </P></div>
<div class="dwa"><P>abc abc abc abc abc abc abc abc abc abc abc abc abc abc
abc abc abc
abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc
abc abc abc abc abc abc abc abc abc </p>
<a href="strona">strona www1</a> <a href="strona">strona www2</a> <a
href="strona">strona www3</a></div>
<P>test</P>
</div>
</body>
</html>