X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Не удается сделать одинаковыми отступы от краев
alanbus
alanbus
Topic Starter сообщение 6.11.2011, 14:07; Ответить: alanbus
Сообщение #1


Не удается сделать одинаковыми отступы от краев - левая и правая колонки отступают по-разному (правая больше), хотя, в css, конечно, число задано одинаковое.
См. http://srv23440.ht-test.ru/

Можалуйста, помогите, кто разбирается в тонкостях, понимаю, что решение где-то рядом, вероятно.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 6.11.2011, 14:13; Ответить: alexdrob
Сообщение #2


ну у вас правая колонка прилеплена к центральной float:left
сделайте центральную шире на несколько пикселей
или
сделайте позиционирование float:right для правой колонки
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alanbus
alanbus
Topic Starter сообщение 6.11.2011, 14:25; Ответить: alanbus
Сообщение #3


Если я делаю right, то тогда отступ от центральной больше, чем от последней до левой. Ширина же централной установлены как 100%, поскольку на других тсраницах я отключаю правую колонку, и центральная заполняется до правого края. Возможна ли какая хитрость?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 6.11.2011, 14:57; Ответить: adlic
Сообщение #4


[CSS]#right {
float: left;
width: 22%;
margin: 10px 0px 10px 2%;
padding: 0px 0px 5px 0px;
position: relative;
}
.left1 {
padding: 0px 0 0 0px;
float: left;
margin: 10px 20px 10px 0px;
width: 20%;
position: relative;
}[/CSS]
Во-первых ширина разная, во вторых margin тоже у обоих разный. И не уверен насчет процентов...хотя все возможно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alanbus
alanbus
Topic Starter сообщение 6.11.2011, 15:45; Ответить: alanbus
Сообщение #5


я делаю:

#right {
float: right;
margin-bottom: 10px;
margin-left: 20px;
margin-right: 0px;
margin-top: 10px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
width: 20%;

.left1 {
float: left;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 20px;
margin-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
width: 20%;

Это как бы зеркальное отражение параметров для левого и правого столбцов. В итог что мы видим: растояние от центрального столбца к левому меньше, чем к правому раза в 3. При том , что центральный имеет растяжку по ширине 100%
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 6.11.2011, 15:51; Ответить: adlic
Сообщение #6


У меня не так, у меня расстояние от центрального до левого и правого одинаково, зато отступ от правого до края больше, чем от левого до края. Каким браузером пользуетесь?
А центральный имеет не 100%, а 53. Если сделать 54%, то у меня все нормально.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alanbus
alanbus
Topic Starter сообщение 6.11.2011, 15:56; Ответить: alanbus
Сообщение #7


Встроенным инспектором в Опере 11. Да он верно стили отображает. Для центрального такой.

#main {
min-height: 300px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
padding-top: 10px;
position: relative;
width: 100%;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alanbus
alanbus
Topic Starter сообщение 6.11.2011, 15:58; Ответить: alanbus
Сообщение #8


А, ну есть такое еще. Точно.

#wrapper {
width:53%;
float:left;
position:relative;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 6.11.2011, 15:58; Ответить: adlic
Сообщение #9


А вы не main смотрите, он вложен в:
[CSS]#wrapper {
width: 53%;
float: left;
position: relative;
}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alanbus
alanbus
Topic Starter сообщение 6.11.2011, 16:03; Ответить: alanbus
Сообщение #10


Уже понял. Но если ставить 54%, то минимум в Мозилле правая колонка улетает в космос) я ее вообще не вижу.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно сделать репост статей в соц сети
1 HavingingWorld 2494 27.2.2024, 2:15
автор: AndrePro
Открытая тема (нет новых ответов) Сделать дорвей
0 tok24ua 933 28.8.2023, 20:59
автор: tok24ua
Открытая тема (нет новых ответов) Сделать правки на html-странице
5 TABAK 2308 20.5.2023, 10:45
автор: EvilGomel
Открытая тема (нет новых ответов) Сколько стоит сделать шаблон для WP?
изучаю цены
3 Palundra 2405 2.4.2022, 3:06
автор: WebSuccessful
Открытая тема (нет новых ответов) Как сделать поддомены, чтобы не склеило?
0 Yuliya1982 935 29.11.2021, 5:26
автор: Yuliya1982


 



RSS Текстовая версия Сейчас: 25.4.2024, 2:19
Дизайн