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).
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4.     <title>Teszt</title>  
  5.     <meta http-equiv="Content-type" content="text/html; charset=utf-8">  
  6.     <style type="text/css">  
  7.         <!--@import url(style.css);-->  
  8.     </style>  
  9. </head>  
  10. <body>  
  11. <div class='mpage'>  
  12.     <div class='banner'>  
  13.       
  14.     </div>  
  15.       
  16.     <div class='cont'>  
  17.         tesztszöveg  
  18.     </div>  
  19. </div>  
  20. </body>  
  21. </html>  
  1. body {  background-color:#dadada;  
  2.         margin:0 0 0 0;  
  3.         padding: 0 0 0 0;}  
  4.   
  5. .mpage {    margin-left: auto;  
  6.         margin-right: auto;  
  7.         width: 800px;  
  8.         height: 100%;  
  9.         background:#7f7f7f;}  
  10.   
  11. .banner {height: 80px;  
  12.         background:#f7f7f7;}  
  13.   
  14. .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?
‹ CSS hover HTC-vel nem valid Ajax menü, Yahoo yui ›
 ■
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:
  1. html,body {  
  2.     height: 100%;    
  3.     }  
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.