Jump to content
  • 0

какой DOCTYPE нужен

monstrU

Asked by monstrU,

 Share

Question

monstrU Explorer

monstrU

Posted
Posted

Все привет! вот для примера составил простой html - таблица и div под ней.

хочу чтобы ширина таблицы и div были одинаковая.

но ie 7.0 рисует таблицу шириной меньше, чем div. поизучал вопрос - это все зависит от doctype, но вот какой ставить нужно чтобы ширина обоих объектов была одинаковая ?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>Untitled Page</title>

</head>

<body >

<table style="width:100%;border:solid 1px red;">

<tr>

<td>123</td>

</tr>

</table>

<div style="width:100%;border:solid 1px green;">

456

</div>

</body>

</html>

Link to comment
Share on other sites

28 answers to this question

Recommended Posts

  • 0
psywalker Explorer

psywalker

Posted
Posted
Justnewone, да без доктайпа ГУД!

Может вы меня просветите на счет "размеров сбацать" - буду счастлив.. без сарказма - в конец запутался.. Я ставил там ноли чтобы небыло

промежутков между таблицей и границами экрана..(Я по сути в этом и понял значение этих атрибутов!?) Так какие там поставить значения чтобы "нужная" ячейка стала резиновой ?? и в чем логическая связь между ними?

ячейке нужно знать высоту родителя, чтобы от неё отсчитывать размеры, а родителю от его родителя и т. д. ;)

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
ячейке нужно знать высоту родителя, чтобы от неё отсчитывать размеры, а родителю от его родителя и т. д. ;)

И так до самохо тега html, ВКЛЮЧИТЕЛЬНО, ибо если у боди не на что будет "посмотерть высоту", все и далее развалится. От и до, везде по цепочке должна быть указана высота, если ее нет даже где-то в середине, все, с этого момента дочернему элементу, родитель которого без указания высоты, указывать высоту бесполезно.

UPD.

100% - это ведь ОТНОСИТЕЛЬНОЕ понятие, надо понимать, что если нету того, относительно чего эти 100% расчитываются - то 100% = auto.

Link to comment
Share on other sites
  • 0
sashakiselev Explorer

sashakiselev

Posted
Posted (edited)

psywalker, Justnewone БольшоеСпасибо!

ну исходя из этого. Я понимаю "родство" в своем примере так: td.text зависит от table.main, table.main от html, body!??

Так вот указав html, body{height: 100%} table.main{height: 100%} td.text {height: 100%;}

результат достигнут.

Это и есть правильное решение? И почему первоначальный вопрос был про значения margin/padding?

PS.. и еще) возникла проблема с ИЕ6 - в нем появилась прокрутка вверх/вниз - т.е. ячейка "copyright" слетает вниз - чтоб увидеть ее нужно крутить вниз - а такого быть не должно! Что здесь не так?

Вообще свое обучение начал с этого урока (не знаю правомерно ли тут размещать ссылки на сторонние ресурсы, в случае чего удалю) http://www.pastukhova.com/lesson1.php - так вот сейчас беря во внимание "реакцию" на доктайп и правила наследования выходит там у чела неправильный код!? (Интересно!)

Edited by sashakiselev
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept