Наши проекты:
Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту |
||
ПРАВИЛА | FAQ | Помощь | Поиск | Участники | Календарь | Избранное | RSS |
[18.224.37.68] |
|
Сообщ.
#1
,
|
|
|
Допустим, есть вот такая красота:
<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>HTML</title> </head> <body> <table style="width:100%; border-style:solid;"><tr><td> Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! </td></tr></table><br> <table style="width:100%; border-style:solid;"><tr><td> <pre>Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world! Hello world!</pre> </td></tr> </table> </body> </html> Ширина первой таблицы = ширине внутренней части браузера. Текст в ней "заворачивается" на новую строку. Вторая же таблица вылезает за пределы, поскольку там <pre>. Текст не заворачивается (да и не надо). Как сделать (с помощью CSS(?)), чтобы вторая таблица была такой же ширины, как и первая, но там появился скролл-бар? |
Сообщ.
#2
,
|
|
|
<style> table { table-layout: fixed; } table pre { overflow: auto; } </style> А вообще - почему таблица, а не div? |