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

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

Data: 2011-08-03 18:06:50
Temat: Re: wyśrodkowanie body
Od: "identifikator: 20110701" <N...@g...pl> szukaj wiadomości tego autora
[ pokaż wszystkie 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>