DOCTYPE és CSS
Sziasztok
Egyszerű formázást szerettem volna CSS-el végrehajtani. 800 pixel széles nagy konténer középre, majd ebben egy fejléc, alatta pedig a maradék.
Amíg a DOCTYPE nincs megadva, jól jelenik meg (Firefox, Opera).DOCTYPE nélkül
DOCTYPE esetén
A kérdésem annyi lenne, mit módosítasak, hogy úgy nézzen ki DOCTYPE megadása esetén, mint nélküle?
■ Egyszerű formázást szerettem volna CSS-el végrehajtani. 800 pixel széles nagy konténer középre, majd ebben egy fejléc, alatta pedig a maradék.
Amíg a DOCTYPE nincs megadva, jól jelenik meg (Firefox, Opera).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Teszt</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<style type="text/css">
<!--@import url(style.css);-->
</style>
</head>
<body>
<div class='mpage'>
<div class='banner'>
</div>
<div class='cont'>
tesztszöveg
</div>
</div>
</body>
</html>
body { background-color:#dadada;
margin:0 0 0 0;
padding: 0 0 0 0;}
.mpage { margin-left: auto;
margin-right: auto;
width: 800px;
height: 100%;
background:#7f7f7f;}
.banner {height: 80px;
background:#f7f7f7;}
.cont { margin: 10 25 5 55;}
DOCTYPE esetén
A kérdésem annyi lenne, mit módosítasak, hogy úgy nézzen ki DOCTYPE megadása esetén, mint nélküle?
Nem győzőm hangoztatni!
A te eseted mondhatni lassan tananyaggá válik dobozolás témakörben! Amikor én áttértem a dobozolt oldalszerkezetre (táblázatról) sokat küzdöttem pont ezzel a kérdéskörrel!
Tehát akkor legyen ismét hála rrd-nek ezért: http://rrd.1108.cc/oldalhasabok-magassaga/
s_volenszki
Nem jutottam előrébb
1 hasáb van, háttérkép nincs, DOCTYPE nélkül működik.
Azt szeretném (mint ahogy az első képen látszik is), hogy minimum az oldal aljáig tartson az egész oszlop, tartalomtól függetlenül.
Amint a DOCTYPE bekerül a html elejére, mint ha a .cont nem is érdekelné ... se margó, se oldal alja.
Pásik DTD-vel próbáltad?
http://en.wikipedia.org/wiki/Doctype
jesz
a html a kicsi
Igen!
A body-ban már próbáltam a 100%-ot, html-ben nem.
és ez doctype nélkül nem hiányzik neki? Fene se érti.
Már csak egy gond van, amit nem igazán értek, hogy a .cont-ban található tesztszöveg nem "igazodik", vagyis a .cont-ban lévő margókat nem veszi figyelembe.
Erre is van valami hasonlóan egyszerű megoldásod?
off - mértékegységek
helyesen
margin: 10px 25px 5px 55px; (ugyan ez a paddingnál!)
erre érdemes figyelni mert ezt is máshogy értelmezik a böngészők...
jogos