Растягивание ширины стола в соответствии с веб-браузером - PullRequest
Новая
       29

Растягивание ширины стола в соответствии с веб-браузером

5 голосов
/ 09 января 2011

Я долго копался в интернете, пытаясь решить мою проблему.У меня есть таблица со всем моим сайтом, и я хочу, чтобы она растягивалась до размеров браузера пользователя.Вот весь код сайта: 

<body>

<table width="100%" border="0">
  <tr>
    <td width="525" rowspan="2"><img src="My Images/Speaker.png" width="525" height="772"               
ondragstart="return false" />
    </td>

    <td width="697" height="16">
    *Flash Video Here*
    </td>
   </tr>
  <tr>
    <td><img src="My Images/Vymil.jpg" width="822" height="597" ondragstart="return false"/></td>
  </tr>
</table>

</body>
</html>

Любые полезные решения будут с благодарностью.

Ответы [ 3 ]

3 голосов
/ 09 января 2011

Укажите ширину в процентах в тегах <table> и <TD>. Это будет установлено в соответствии с размером окна браузера. Дайте 100% в <table> и соответствующие проценты каждому <TD>

1 голос
/ 09 января 2011

Я удивлен, что на этот вопрос уже есть три ответа!
Ну, во-первых, парень пометил вопрос dreamweaver, используя My Images в src и используя таблицы! Это означает, что настоящая помощь, в которой он нуждается, - это изучение основ HTML и CSS!

То, что я предлагаю, это попытаться найти ресурсы, чтобы изучить основы, и если вы не смогли найти, спросите об этом здесь! как это звучит? :-)

И для вас, ребята (которые ответили), даже изменение ширины td в процентах не решило бы его проблему, поскольку img s растянется до полной ширины! так что это будет ~ 2044px! что шире, чем у большинства разрешений экрана !!

1 голос
/ 09 января 2011 
<style type="text/css">
*
{
    margin: 0px;
    padding: 0px;
}
html, body
{
    height: 100%;
}
</style>
<table style="width:100%;height:100%;">
<!-- content -->
</table>

Это обеспечит растяжение таблицы до размера вашего браузера.

http://jsfiddle.net/L9wMU/

...