Кодировка HTML | Демо-сайт CMS uCoz | Почта

Колонка любых вопросов для новичков!

Здесь задаём вопросы и получаем ответы по системе uCoz!
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!

Re: Колонка любых вопросов для новичков!

Сообщение Youzer » 18 фев 2009, 10:09

заключай все в общий div и применяй к нему фиксированную ширину и выравнивение по центру.

например так:
Код: Выделить всё
<body>
<div width="800" align="center">

тут весь код

</div>
</body>
и пройдись по коду, чтобы не было блоков с шириной, превышающей заявленную.
хотя, в случае с divами может быть много нюансов (в основном, связанных со стилями). однозначного решения нет и быть не может.

наиболее простым вариантом могло бы быть использование таблицы как контейнера для всего содержимого, но это уже на любителя
Youzer
Полковник
Полковник
 
Сообщения: 354
Зарегистрирован: 20 авг 2008, 13:21
Карма: + 4 -
Откуда: СССР

Re: Колонка любых вопросов для новичков!

Сообщение Roma2Duo » 18 фев 2009, 10:41

Спасибо. В общем, это тоже самое, что хотел сделать я. Только я это делал в таблицах стилей и не получилось.

Сейчас всё нормально. Теперь буду сидеть и всё подгонять.
Мой дом - Станция 13
Изображение
Аватара пользователя
Roma2Duo
Сержант
Сержант
 
Сообщения: 58
Зарегистрирован: 09 фев 2009, 12:00
Карма: + 0 -

Re: Колонка любых вопросов для новичков!

Сообщение Roma2Duo » 18 фев 2009, 13:20

Всё бы хорошо, но когда я делаю фон для этого div'а он растягивается по всей ширине окна.

Код: Выделить всё
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<div id='wrapper'>
   <div id='header'>
   <!-- Содержимое хэдэра -->
   </div>
   <div id='container'>
      <div id='left'>
      <!-- Тут пусто -->
      </div>
      <div id='right'>
      <!-- Тут пусто -->
      </div>
      <div id='main' align="center">
      <!-- Контент -->
      </div>
   </div>
   <div class='clear'></div>
   <div id='spacer'></div>
</div>
<div id='footer'>
</div>
</body>
</html>


Код: Выделить всё
html{margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {
   height:100%;
}
#main {
   -moz-border-radius-topleft: 20px;
   -moz-border-radius-topright: 20px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-top-rightright-radius: 20px;
   -webkit-border-top-left-radius: 20px;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-rightright-radius: 10px;
   background-color: #F9F9F9;
   width: 700px;
}
#spacer {height:100px;}
#footer {
   height:100px;
   margin-top:-100px;
   text-align: right;
}
.clear {clear:both;}
BODY{
   background-color:#333333;
   width:100%;
   height:100%;
   background-image: url(/img/pattern.jpg);
   }
Мой дом - Станция 13
Изображение
Аватара пользователя
Roma2Duo
Сержант
Сержант
 
Сообщения: 58
Зарегистрирован: 09 фев 2009, 12:00
Карма: + 0 -

Re: Колонка любых вопросов для новичков!

Сообщение kalanixa » 18 фев 2009, 21:01

Прошу помощи у людей с хорошим знанием CSS. Проблема такая, в опере и хроме дизайн отображается правильно по центру, а вот в ИЕ отображается слева, а не по центру, что вы можете посоветовать???
Смотреть Ночь в музее 2 онлайн
Аватара пользователя
kalanixa
Сержант
Сержант
 
Сообщения: 48
Зарегистрирован: 10 окт 2008, 08:59
Карма: + 0 -

Re: Колонка любых вопросов для новичков!

Сообщение Youzer » 19 фев 2009, 02:11

Всё бы хорошо, но когда я делаю фон для этого div'а он растягивается по всей ширине окна.

создай еще один внешний ДИВ.
что-то типа такого:
Код: Выделить всё
<body>
<div width="800" align="center">
<div тут бэкграунд>

тут весь код

</div>
</div>
</body>
Youzer
Полковник
Полковник
 
Сообщения: 354
Зарегистрирован: 20 авг 2008, 13:21
Карма: + 4 -
Откуда: СССР

Re: Колонка любых вопросов для новичков!

Сообщение Youzer » 19 фев 2009, 02:15

kalanixa писал(а):Прошу помощи у людей с хорошим знанием CSS. Проблема такая, в опере и хроме дизайн отображается правильно по центру, а вот в ИЕ отображается слева, а не по центру, что вы можете посоветовать???

в таких случаях для ИЕ обычно дублируют стиль и перед нм прописывают: html

например:
.mysuperclass {...........}
html .mysuperclass {............}

и в нем свойства конкретно для ИЕ (другие браузеры это проигнорируют)
Youzer
Полковник
Полковник
 
Сообщения: 354
Зарегистрирован: 20 авг 2008, 13:21
Карма: + 4 -
Откуда: СССР

Re: Колонка любых вопросов для новичков!

Сообщение XxMARSxX » 19 фев 2009, 13:20

Всё бы хорошо, но когда я делаю фон для этого div'а он растягивается по всей ширине окна.

а отключить повторение быкграунда и указать его расположение религия не позволяет?

http://htmlbook.ru/css/background.html
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Аватара пользователя
XxMARSxX
Супермодератор
Супермодератор
 
Сообщения: 1991
Возраст: 36
Зарегистрирован: 20 апр 2008, 18:02
Карма: + 22 -
Откуда: Украина, Полтавская область, Кременчуг, Автозаводской район, Нагорная часть

Re: Колонка любых вопросов для новичков!

Сообщение Roma2Duo » 19 фев 2009, 14:36

Сделал тупо. Всё выровнял по центру!
Код: Выделить всё
<center>
Мой дом - Станция 13
Изображение
Аватара пользователя
Roma2Duo
Сержант
Сержант
 
Сообщения: 58
Зарегистрирован: 09 фев 2009, 12:00
Карма: + 0 -

Re: Колонка любых вопросов для новичков!

Сообщение XxMARSxX » 19 фев 2009, 15:03

ключевое слово тупо :D
Ахтунг!

Делаю всякую херню для ЮкОз за доллары или не делаю если просьба пахнет бредом перегретого мозга.

А у меня Windows 7 :P

Изображение
Что такое НЕТЕЛИБ?
Аватара пользователя
XxMARSxX
Супермодератор
Супермодератор
 
Сообщения: 1991
Возраст: 36
Зарегистрирован: 20 апр 2008, 18:02
Карма: + 22 -
Откуда: Украина, Полтавская область, Кременчуг, Автозаводской район, Нагорная часть

Re: Колонка любых вопросов для новичков!

Сообщение google08 » 19 фев 2009, 16:46

Roma2Duo писал(а):Всё бы хорошо, но когда я делаю фон для этого div'а он растягивается по всей ширине окна.

Код: Выделить всё
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<div id='wrapper'>
   <div id='header'>
   <!-- Содержимое хэдэра -->
   </div>
   <div id='container'>
      <div id='left'>
      <!-- Тут пусто -->
      </div>
      <div id='right'>
      <!-- Тут пусто -->
      </div>
      <div id='main' align="center">
      <!-- Контент -->
      </div>
   </div>
   <div class='clear'></div>
   <div id='spacer'></div>
</div>
<div id='footer'>
</div>
</body>
</html>


Код: Выделить всё
html{margin:0;height:100%;}
#wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;}
#header {
   height:100%;
}
#main {
   -moz-border-radius-topleft: 20px;
   -moz-border-radius-topright: 20px;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-top-rightright-radius: 20px;
   -webkit-border-top-left-radius: 20px;
   -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-rightright-radius: 10px;
   background-color: #F9F9F9;
   width: 700px;
}
#spacer {height:100px;}
#footer {
   height:100px;
   margin-top:-100px;
   text-align: right;
}
.clear {clear:both;}
BODY{
   background-color:#333333;
   width:100%;
   height:100%;
   background-image: url(/img/pattern.jpg);
   }


Из StudioAD ?
Жизнь - игра. Мотив плохой, зато классная графика
Аватара пользователя
google08
Модератор
Модератор
 
Сообщения: 611
Возраст: 30
Зарегистрирован: 29 апр 2008, 16:27
Карма: + 2 -
Откуда: Украина

Пред.След.

Вернуться в Общение

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 26

cron