СКРИПТЫ
ТЕГИ:
php (285)
js (155)
html (135)
css (109)
html tags (61)
jquery (40)
edit text (37)
php array (30)
form html (30)
fonts (27)
ruweb.net (23)
foto (22)
online (20)
atom (20)
forum (19)
svg (18)
Показать еще :
hosting (17)
board (17)
js method (16)
html book (16)
php file (16)
color (15)
php date (15)
link (15)
js events (14)
input (14)
osclass (13)
table (13)
htaccess (13)
dw block (12)
path (12)
select (12)
php img (11)
form (11)
php time (11)
jsphp (11)
icon (11)
js delete (11)
download (11)
notepad (11)
mouse (10)
img (10)
url (10)
js time (9)
info (9)
yandex (9)
dosite (7)
hover (7)
cookie (7)
comment (7)
task (7)
php url (7)
js url (6)
mysql (6)
year (6)
click (6)
list (6)
iframe (6)
browser (5)
search (5)
ftp (5)
chart (5)
adminka (5)
php get (5)
value (5)
mb (5)
week (4)
console (4)
vk (4)
bbcode (4)
symbols (4)
js form (4)
js id (4)
mounth (4)
submit (4)
reg.ru (4)
scandir (3)
line (3)
pages (3)
https (3)
js post (3)
ucoz (3)
js img (3)
padding (3)
day (3)
captcha (3)
vs code (3)
ssl (3)
second (2)
cursor (2)
tag hr (2)
money (2)
рся (2)
height (2)
js vars (2)
title (2)
counter (2)
typeof (2)
details (2)
youtube (2)
video (2)
base64 (2)
seo (2)
qr kod (2)
arrows (2)
sitemap (2)
smile (1)
google (1)
windows (1)
archive (1)
domen (1)
numbers (1)
speed (1)
books (1)
scroll (1)
header (1)
days (1)

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

2018/05/18 Марат 339 0 html | css | table |

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

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

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

margin: 0px;

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

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

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

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

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

table {

width: 100%;

}

Пример
Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =

Последние комментарии :
Марат :
28.04.2022 19:20
У меня на сайте - все скрипты рабочие! Приходите…
подробнее.
Игорь :
05.04.2022 03:52
Спасибо Большое Вам за счетчик скачиваний файлов! Вы единственный, кто выложил действительно рабочий код!…
подробнее.
Марат :
03.04.2022 11:16
Вы обратились не по адресу... Предположим... что у вас есть паравоз...на дровах... И вы обращаетесь в автосервис, …
подробнее.
Good_Serpent :
03.04.2022 08:18
Шара - "расшаренная", доступная для пользователей локальной сети папка. Там происходит обмен информацией,…
подробнее.
Марат :
02.04.2022 20:29
Я даже не знаю, что таоке "шара"... Думаю, что вам нужно искать на специализированном сайте посвященной…
подробнее.
Good_Serpent :
02.04.2022 19:54
Здравствуйте! Нужен скрипт, который бы закрывал файл на шаре, если он там открыт. Не удаётся его удалить для…
подробнее.
ruweb
Страница загружена за : 0.016358 секунд. Подробнее