Войти
×
Меню :
table (13)
css (147)
html (153)



Blog (2047)
other (490)
php (390)
js (302)
html (153)
css (147)
php book (142)
пк (124)
html tags (63)
js tag (56)
windows (48)
js method (44)
Показать еще :
jquery (43)
php array (39)
ruweb.net (38)
text (37)
js date (33)
form html (30)
online (29)
link (26)
fonts (24)
dosite (22)
js events (22)
php file (21)
atom (20)
lingvo (20)
foto (20)
input (19)
database (19)
svg (18)
forum (18)
php date (17)
php time (17)
hosting (17)
mysql (17)
фото (16)
php img (16)
img (15)
android (15)
color (15)
info (15)
js url (14)
board (14)
jsphp (14)
notepad (14)
js time (14)
xiaomi (14)
htaccess (13)
table (13)
osclass (13)
yandex (13)
select (13)
знак (13)
php path (12)
$ server (12)
download (12)
keyboard (11)
cookie (11)
icon (11)
vs code (11)
html book (11)
css img (10)
dw block (10)
ось (10)
js delete (10)
mouse (10)
form (10)
paint (10)
ftp (10)
iframe (9)
cd (9)
hover (8)
ok (7)
php url (7)
search (6)
comment (6)
canvas (6)
js vars (6)
list (6)
нок (6)
hey tag (6)
php get (6)
click (6)
tag a (5)
js math (5)
heading (5)
year (5)
value (5)
mb (5)
js id (5)
reg.ru (5)
js file (5)
xml (5)
web (5)
console (5)
bbcode (4)
base64 (4)
word (4)
js form (4)
day (4)
week (4)
qr code (4)
news (4)
symbols (4)
ssl (4)
pages (4)
month (4)
2022 (4)
vk (4)
ucoz (4)
submit (4)
task (4)
js hash (4)
games (4)
numbers (4)
php var (4)
youtube (4)
scandir (4)
adminka (4)
js img (4)
units (3)
js book (3)
aimp (3)
folder (3)
https (3)
line (3)
js post (3)
padding (3)
рся (3)
domen (3)
куб (3)
file (3)
php day (3)
404 (3)
ozon (3)
video (3)
captcha (3)
counter (2)
seo (2)
height (2)
details (2)
prompt (2)
src (2)
akaso (2)
dns (2)
sitemap (2)
google (2)
blob (2)
rutube (2)
arrows (2)
tag hr (2)
kfc (2)
typeof (2)
cursor (1)
money (1)
replace (1)
speed (1)
нод (1)
smile (1)
opera (1)
jino (1)
втб (1)
font (1)
archive (1)
webp (1)
#html (1)
chart (1)
date (1)
name (1)
scroll (1)
header (1)

Растянуть таблицу.

Когда вам требуется сделать резиновую таблицу. То прежде всего – вам следует знать, что у страницы есть отступы по умолчанию, которые вам не позволят сделать резиновую таблицу и растянуть её без ошибки.

Ошибка будет в данном случае – что у вас появится колесо прокрутки по горизонтали – это однозначно! Хотя на самом деле она там и не должна поваляться. Я не буду повторять о том, что уже сегодня написал об отступах на странице.

Первыми шагом уничтожим margin по умолчанию, который составляет 8 px. Если мы умножим 8 px на 2 то получим 16 px сбоку нашей резиновой таблицы, поэтому наш браузер и будет отображать колесо прокрутки.

margin: 0px;

Ну и далее, как говорится – дело в шляпе!

Создаем требуемую таблицу - не буду приводить код резиновой таблицы – вы сможете посмотреть его нажав в браузере сочетание клавиш ctrl + U - ниже ссылка на пример.

Но как сделать резиновую таблицу!?

Для этого нужно вместо пикселей поставить проценты! Общая ширина таблицы – будет равна 100%, ну и остальные столбцы нужно поделить тоже на проценты. Для одного из столбцов ширину ставить не обязательно, он будет пропорционально уменьшаться в зависимости от поведения других столбцов!

Например таким образом:

table {

width: 100%;

}

Пример
Не стесняемся говорить спасибо!
О комментах : Отлично!
На сегодня 06.03.2026 хорош... пошел спать!
Напоминаю, что я решил все комменты пересобрать..., а то такой беспорядок... вот... примерно часа 3 работы...
Помочь проекту DwWeb.ru

1). Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

2). Помочь материально.

Теги:
ruweb
См. интсрукция по ruweb. dwweb.ru есть здесь:
Все соцсети в одном месте!
defense_js Разное :Игра "пятнашки"
Угадай страну по флагу

Кальклятор
Математика онлайн

Списки шифрования
Часы

Числа словами
Названия чисел(max=10305)
Графики

Qr код онлайн

Как сделать сайт?
Md5 онлайн
Sitemap.html
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2026 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB Сайт работает круглосуточно 24/7.
Страница загружена за : 0.02435 секунд.