Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 17.04.2014, 15:36   #1
Glowworm
Пользователь
 
Аватар для Glowworm
 
Регистрация: 26.10.2011
Сообщений: 67
По умолчанию Таблица выходит за границы сайта

При масштабировании окна браузера ctrl+"-" я смотрел в Гугл Хроме менюшка над шапкой, которая сделана таблицей выходит за границы, а не уменьшается вместе с остальными элементами сайта.. Подскажите, в чем причина?

Код HTML:
<div class="top_menu">
<table class="tabtop-menu">
<tr>
<td ><a href="http://gubkinz.3dn.ru/index/o_biblioteke/0-7">О БИБЛИОТЕКЕ </a></td>
<td><a href="/">ЧИТАТЕЛЯМ</a></td>
<td><a href="/">КРАЕВЕДЕНИЕ</a></td>
<td><a href="/">КОЛЛЕГАМ</a></td>
<td><a href="/">ДЕТСКАЯ СТРАНИЧКА</a></td>
<td><a href="/">МОЛОДЕЖНЫЙ ПОРТАЛ</a></td>
<td><a href="/">ДОСТУПНАЯ СРЕДА</a></td>
<td id="last_punkt"> <a href="/">ПОЛЕЗНЫЕ ССЫЛКИ</a></td>
</tr>
</table>
<div class="clear"></div>
</div>
Код:
.top-menu{
height:33px;
min-width:995px;

}
.tabtop-menu {
width:995px;
border-collapse:collapse;
height:32px;
background:#77bacb;
clear:both;
}

.tabtop-menu td{
border-right:solid 1px #63801c;
text-align:center;
}

.tabtop-menu td a{
font-family: Arial,sans-serif;
font-size: 12px;
color:#fff;
text-shadow:1px 1px 0px #7298a5;
font-weight:700;
text-decoration:none;
white-space: nowrap;
}
#last_punkt{
border-right:none;
}
.tabtop-menu td:hover{
background:#63801c;
}

.tabtop-menu td a:hover{
color:#f3f3f3;text-decoration:none;
}
Изображения
Тип файла: jpg 3img.jpg (21.1 Кб, 85 просмотров)
Glowworm вне форума Ответить с цитированием
Старый 20.04.2014, 12:12   #2
pompiduskus
юзер как все
Участник клуба
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Сообщений: 1,586
По умолчанию

Странно, у меня уменьшается
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
pompiduskus вне форума Ответить с цитированием
Старый 20.04.2014, 12:28   #3
Glowworm
Пользователь
 
Аватар для Glowworm
 
Регистрация: 26.10.2011
Сообщений: 67
По умолчанию

Цитата:
Сообщение от pompiduskus Посмотреть сообщение
Странно, у меня уменьшается
хм, может Вы с другого браузера смотрели - это именно в Гугл хроме происходит, при уменьшении до 25 % таблица уходит за границы - вот посмотрите на сайте верхняя менюшка - http://gubkinz.3dn.ru/
Glowworm вне форума Ответить с цитированием
Старый 20.04.2014, 13:03   #4
pompiduskus
юзер как все
Участник клуба
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Сообщений: 1,586
По умолчанию

Да теперь вижу, если уменьшить до 25% то ломается. Такое часто бывает. Я обычно ниже 75 свои работы не проверяю.

Должна быть очень точная верстка. Разница в 1px может дать такой еффект.
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
pompiduskus вне форума Ответить с цитированием
Старый 20.04.2014, 13:56   #5
alextrof94
Форумчанин
 
Регистрация: 16.03.2013
Сообщений: 599
По умолчанию

У меня все нормально

хреново вырезал, но тем не менее все норм.
P.S.: возможно, конечно, все уже исправили.
alextrof94$gmail.com
alextrof94 вне форума Ответить с цитированием
Старый 20.04.2014, 20:25   #6
Glowworm
Пользователь
 
Аватар для Glowworm
 
Регистрация: 26.10.2011
Сообщений: 67
По умолчанию

Цитата:
Сообщение от alextrof94 Посмотреть сообщение
У меня все нормально

хреново вырезал, но тем не менее все норм.
P.S.: возможно, конечно, все уже исправили.
Нет еще не разобрался и не исправил...
Странно, но судя по картинке это масштаб не 25 %, там буквы уже не различить.. А именно на этом масштабе таблица вылазит
Glowworm вне форума Ответить с цитированием
Старый 21.04.2014, 00:15   #7
alextrof94
Форумчанин
 
Регистрация: 16.03.2013
Сообщений: 599
По умолчанию

А, я просто не правильно понял проблему. Это скорее всего связано с минимальным размером шрифтов. Из-за того что слова не могут уменьшится - таблица расширяется. Да и кому вообще в голову придет уменьшать до 25%?
alextrof94$gmail.com
alextrof94 вне форума Ответить с цитированием
Старый 21.04.2014, 01:06   #8
Glowworm
Пользователь
 
Аватар для Glowworm
 
Регистрация: 26.10.2011
Сообщений: 67
По умолчанию

Цитата:
Сообщение от alextrof94 Посмотреть сообщение
Да и кому вообще в голову придет уменьшать до 25%?
вероятность мала конечно, но я только учусь, так что хочется сделать все как надо, чтобы никуда, ничего не вылазило
Glowworm вне форума Ответить с цитированием
Старый 21.04.2014, 05:14   #9
pompiduskus
юзер как все
Участник клуба
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Сообщений: 1,586
По умолчанию

Ты перфекционист ), Это здорово !
<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
pompiduskus вне форума Ответить с цитированием
Старый 21.04.2014, 11:19   #10
alextrof94
Форумчанин
 
Регистрация: 16.03.2013
Сообщений: 599
По умолчанию

Цитата:
Сообщение от Glowworm Посмотреть сообщение
вероятность мала конечно, но я только учусь, так что хочется сделать все как надо, чтобы никуда, ничего не вылазило
Ну тогда не забудь проверить под всеми браузерами под всеми платформами. Будет плохо, если у пользователей PS4 что-то съедет не туда=)
alextrof94$gmail.com
alextrof94 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Границы OgE®_M@G Microsoft Office Excel 9 18.02.2012 08:41
таблица выходит за пределы контейнера MbIJIO HTML и CSS 7 28.05.2011 17:48
границы ячейки АлёнаP Microsoft Office Excel 2 22.04.2009 17:02