| |
|
|
| | Есть такая структура страницы:
<html>
<head>
<style type="text/css">
#nav {
position: absolute;
left: 0;
width: 280px;
height: 100%;
border: 1px solid #000000;
}
#container {
margin-left: 280px;
margin-top: 0px;
margin-right: 0px;
height: 100%;
border: 1px solid #000000;
}
#content {
background: #FFFFFF;
margin: 10px;
padding: 10px;
border: 1px solid #CC0000;
}
</style>
</head>
<body>
<div id="nav">Навигация</div>
<div id="container">
<div id="content">
<table style="border: 1px solid #000000; width: 100%;">
<tr>
<td>
Hello world!
</td>
<tr>
</table>
</div>
</div>
</body>
</html>
|
Требуется растянуть таблицу на всю ширину блока content. При попытке это сделать в IE, за 100% принимается не ширина блока, а ширина экрана, в итоге страница выходит далеко за правую границу браузера.
Можно ли как-то решить эту задачу? | |
| |
|
|
| |
|
|
| |
для: sd607
(19.06.2008 в 16:20)
| | | У тебя же ширина блоков content и container не задана, они тянутся на всю ширину и таблица со своими 100% за ними. | |
| |
|
|
| |
|
|
| |
для: GeorgeIV
(19.06.2008 в 16:30)
| | | container тянется на всю оставшуюся ширину справа от nav. это то что мне и нужно. если я указываю в нем те же 100%, то опять же выезжаю за экран. Мне нужен container растянутый в упор до правой границы окна. И таблица растянутая в нем до ширины этого DIVa | |
| |
|
|
| |
|
|
| |
для: sd607
(19.06.2008 в 16:38)
| | | Да, интересная ситуация! Когда без бордеров, на это видимо просто не обращаешь внимания. | |
| |
|
|
| |
|
|
| |
для: GeorgeIV
(19.06.2008 в 18:05)
| | | На это трудно не обращать внимания из-за появляющейся снизу полосы прокрутки. Потому вопрос остается открытым. Если кто-то сталкивался, ПЛИЗ ХЭЛП. | |
| |
|
|
| |
|
|
| |
для: sd607
(19.06.2008 в 16:20)
| | | Добавьте:
#content {
width: 100%;
background: #FFFFFF;
margin...
|
| |
| |
|
|
| |
|
|
| |
для: PAT
(19.06.2008 в 19:54)
| | | Добавил. Корректно отобразилось в IE, а вот в Opera и Firefox content выехал за пределы container. | |
| |
|
|
| |
|
|
| |
для: sd607
(19.06.2008 в 22:52)
| | | Ну так и пропишите ТОЛЬКО для MSIE:
/* для ВСЕХ */
#content {
background: #FFFFFF;
margin: 10px;
padding: 10px;
border: 1px solid #CC0000;
}
/* дополнительно только для MSIE - прочие браузеры проигнорируют */
* html #content {width: 100%}
|
| |
| |
|
|
| |
|
|
| |
для: PAT
(19.06.2008 в 23:41)
| | | Спасибо большое!!! То что нужно! | |
| |
|
|
