ugrás a tartalomhoz

DOCTYPE és CSS

T.Zoli · 2008. Már. 9. (V), 12.33
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 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 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?
 
1

Nem győzőm hangoztatni!

s_volenszki · 2008. Már. 9. (V), 14.50
Szia!

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
2

Nem jutottam előrébb

T.Zoli · 2008. Már. 9. (V), 15.02
Köszi, de ezzel 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.
3

Pásik DTD-vel próbáltad?

s_volenszki · 2008. Már. 9. (V), 15.44
Pásik DTD-vel próbáltad?

http://en.wikipedia.org/wiki/Doctype
4

jesz

T.Zoli · 2008. Már. 9. (V), 15.50
Igen, az volt az első, hogy megnéztem párral. Aztán pislogtam tovább :)
5

a html a kicsi

gonoszcsiga · 2008. Már. 9. (V), 16.19
azert nem hat a 100% a div-ben, mert a korotte levo elemek kicsik, tehat a html-t, es body-t is allitsd 100%-ra:

html,body {
 	height: 100%;  
	}
6

Igen!

T.Zoli · 2008. Már. 9. (V), 16.23
Köszi, működik :)
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?
7

off - mértékegységek

Szekeres Gergő · 2008. Már. 9. (V), 16.24
a margin: 10 25 5 55; sor nem jó. helyette add meg hogy milyen mértékegységgel szeretnél margókat beállítani.
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...
8

jogos

T.Zoli · 2008. Már. 9. (V), 16.27
Köszi, jogos.