1. Куча / Говнокод #3434

    +155

    1. 01
    2. 02
    3. 03
    4. 04
    5. 05
    6. 06
    7. 07
    8. 08
    9. 09
    10. 10
    11. 11
    12. 12
    13. 13
    14. 14
    15. 15
    16. 16
    17. 17
    18. 18
    19. 19
    20. 20
    21. 21
    22. 22
    23. 23
    24. 24
    25. 25
    26. 26
    27. 27
    28. 28
    29. 29
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    	*{ margin: 0; padding: 0; }
    	html,body{
    		height: 300px;
    		width: 100%;
    		border: 1px solid #C0C0C0;
    	}
    </style>
    </head>
    <body>
    <table height=100%>
    	<tr>
    		<td><div style="border: 1px solid green;">fasdfadsf<br />fasdfadsf<br />fasdfadsf<br />fasdfadsf<br /></div></td>
    	</tr>
    	<tr height=100%>
    		<td height=100%><div style="height:100%; border: 1px solid red;">fadsfadsfasd</div></td>
    	</tr>
    </table>
    <!--
    <div style="height: 100%; border: 1px solid blue; ">
    	<div style="border: 1px solid green;">fasdfadsf<br />fasdfadsf<br />fasdfadsf<br />fasdfadsf<br /></div>
    	<div style="height:100%; border: 1px solid red;">fadsfadsfasd</div>
    </div>
    -->
    </body>
    </html>

    в IE выходит за границы которые заданны в body.

    Запостил: g0xff, 10 Июня 2010

    Комментарии (1) RSS

    • Ну всё правильно. В ИЕ границы добавляются к внешним габаритам, в остальных — как бы приклеиваются изнутри.
      По 1рх для HTML и BODY с двух сторон. Вот как раз на 4px и растянулось.

      А вообще, порочная практика трогать html и body. Для них достаточно обнулить внешние и внутренние отступы. Для остального — используйте блоки или таблицы. И уже с ними делайте все, что хотите.
      Ответить

    Добавить комментарий