Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Почему не работает Margin и padding в Opere 
:(
    Опции темы
php5
Дата 6.2.2008, 15:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 272
Регистрация: 15.8.2007

Репутация: нет
Всего: нет




Хочу сделать со всех четырех сторон отступ в 40  px для этого пишу 
body { margin: 40px; padding: 40px; background-image: url(img/fon.png); }  
в IE все работает ОК а вот в Opere правого отступа нет , почему и как это лечить 

PM MAIL   Вверх
bars80080
Дата 6.2.2008, 16:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



правого отступа для чего нет?

мож плавающий контейнер? или ещё чего?
PM MAIL WWW   Вверх
php5
Дата 6.2.2008, 16:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 272
Регистрация: 15.8.2007

Репутация: нет
Всего: нет



да плавающий контейнер  smile 
PM MAIL   Вверх
bars80080
Дата 6.2.2008, 16:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



ну, плавающий контейнер у тебя и плавает поверх твоих отступов

ему по-барабану эта атрибутика, он примыкает к ближайшему блочному элементу

чтоб его усмирить нужно добавить ещё один внешний контейнер:

я примерно делаю так
Код
<body><div id="leftwall"><div id="rightwall">
<div id="page">

страница ...

Код
* { margin: 0px; padding: 0px; }
body { text-align: center; }

div#leftwall { background: url(image/) repeat-y; }
div#rightwall { background: url(image/) repeat-y top right; }

div#page { position: relative; width: 970px; text-align: left; margin-left: auto; margin-right: auto; }

т.е. 
в боди мы центрируем посередине, два следующих дива нужны для отображения левого и правого колонтитула (скажем рамочка нужна)
а div#page - и есть сама страница, отцентрирована и сужена до нужного размера
PM MAIL WWW   Вверх
php5
Дата 6.2.2008, 17:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 272
Регистрация: 15.8.2007

Репутация: нет
Всего: нет



А как сделать боковые отступы с лева и справ ,  при том что див который будет по середине должен иметь не фиксированную ширину ,  а растягиваться по ширине окна  между  боковыми отступами  
PM MAIL   Вверх
bars80080
Дата 6.2.2008, 17:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



Код

div#page { position: relative; text-align: left; margin-left: 40px; margin-right: 40px; }


попробуйте так
PM MAIL WWW   Вверх
KonstRuctor
Дата 6.2.2008, 18:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 245
Регистрация: 31.3.2006
Где: Россия, Санкт-Пет ербург

Репутация: нет
Всего: нет



bars80080, откуда ты это все знаешь?
PM MAIL WWW ICQ   Вверх
bars80080
Дата 6.2.2008, 18:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



в смысле? не помогает?
PM MAIL WWW   Вверх
php5
Дата 6.2.2008, 19:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 272
Регистрация: 15.8.2007

Репутация: нет
Всего: нет



не не работает так , так даже и IE отступ с права пропал  smile 
PM MAIL   Вверх
bars80080
Дата 7.2.2008, 10:31 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



попробуйте так:

Код

<style>
* { margin: 0px; padding: 0px; }
body { text-align: center; background: #ffff00; padding-left: 40px; padding-right: 40px; }

div#leftwall { background: url(image/) repeat-y; }
div#rightwall { background: url(image/) repeat-y top right; }

div#page { position: relative; text-align: left; /*margin-left: 40px; margin-right: 40px;*/ background: #cccccc; }

.a1 { float: left; }
.a2 { float: right; }
.a3 { float: left; }
/*.clear { clear: both; }*/
</style>
<body><div id="leftwall"><div id="rightwall">
<div id="page">

ñòðàíèöà ...

<div class="a3">
<img src="zzz.jpg" class="a1" />
<div class="a2"><img src="zzz.jpg" /></div>
wqerr
</div>
<div class="clear"></div>

</div></div></div>

PM MAIL WWW   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0739 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.