Как поместить таблицу в блок Div?

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем -, 21 июл 2009.

  1. Гость

    Для начала... есть конструкция из 3х divов положенные слоями (шапка, тело, подвал).... В центр мне надо на всю высоту тела поместить таблицу (тоесть 100% высота и длина тейбла)....
    Таблица помещается, но при смене размера окна - она уходит вниз, если обновить окно, то встает как положено. Как это исправить (смутные подозрения то как-то наверное яву надо припахать к этому)....

    Код (Text):
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <style type="text/css">
    *{margin:0; padding:0;}
    html,body{height:100%}
    #main{width:700px; height:100%; margin:0 auto}
    #header{margin:0; height:10%; background:#EEE}
    #content{float:left;width:100%;height:80%;background:#19CAFF}
    #footer{height:10%;background:#EEE;}
    </style>
    </head>

    <body>
    <div id="main">
    <div id="header">header</div>
    <div id="content" class="div_class"><table height='100%' width='100%' border='1'><tr><td>2</td></tr></table></div>
    <div id="footer">footer</div>
    </div>
    </body>
    </html>
     
  2. Гость

    P.S.: В IE 7 тображается корректно как надо, а вот например в Opere происходит такой вот глюк
     
  3. nws

    nws Гость

    у table нет атрибута height, если нужно выставить ширину используй css: table{height:100%}
     
Загрузка...

Поделиться этой страницей