Страница 42 из 90
Re: Колонка любых вопросов для новичков!
Добавлено: 18 фев 2009, 09:09
Youzer
заключай все в общий div и применяй к нему фиксированную ширину и выравнивение по центру.
например так:
Код: Выделить всё
<body>
<div width="800" align="center">
тут весь код
</div>
</body>
и пройдись по коду, чтобы не было блоков с шириной, превышающей заявленную.
хотя, в случае с divами может быть много нюансов (в основном, связанных со стилями). однозначного решения нет и быть не может.
наиболее простым вариантом могло бы быть использование таблицы как контейнера для всего содержимого, но это уже на любителя
Re: Колонка любых вопросов для новичков!
Добавлено: 18 фев 2009, 09:41
Roma2Duo
Спасибо. В общем, это тоже самое, что хотел сделать я. Только я это делал в таблицах стилей и не получилось.
Сейчас всё нормально. Теперь буду сидеть и всё подгонять.
Re: Колонка любых вопросов для новичков!
Добавлено: 18 фев 2009, 12:20
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);
}
Re: Колонка любых вопросов для новичков!
Добавлено: 18 фев 2009, 20:01
kalanixa
Прошу помощи у людей с хорошим знанием CSS. Проблема такая, в опере и хроме дизайн отображается правильно по центру, а вот в ИЕ отображается слева, а не по центру, что вы можете посоветовать???
Re: Колонка любых вопросов для новичков!
Добавлено: 19 фев 2009, 01:11
Youzer
Всё бы хорошо, но когда я делаю фон для этого div'а он растягивается по всей ширине окна.
создай еще один внешний ДИВ.
что-то типа такого:
Код: Выделить всё
<body>
<div width="800" align="center">
<div тут бэкграунд>
тут весь код
</div>
</div>
</body>
Re: Колонка любых вопросов для новичков!
Добавлено: 19 фев 2009, 01:15
Youzer
kalanixa писал(а):Прошу помощи у людей с хорошим знанием CSS. Проблема такая, в опере и хроме дизайн отображается правильно по центру, а вот в ИЕ отображается слева, а не по центру, что вы можете посоветовать???
в таких случаях для ИЕ обычно дублируют стиль и перед нм прописывают: html
например:
.mysuperclass {...........}
html .mysuperclass {............}
и в нем свойства конкретно для ИЕ (другие браузеры это проигнорируют)
Re: Колонка любых вопросов для новичков!
Добавлено: 19 фев 2009, 12:20
XxMARSxX
Всё бы хорошо, но когда я делаю фон для этого div'а он растягивается по всей ширине окна.
а отключить повторение быкграунда и указать его расположение религия не позволяет?
http://htmlbook.ru/css/background.html
Re: Колонка любых вопросов для новичков!
Добавлено: 19 фев 2009, 13:36
Roma2Duo
Сделал тупо. Всё выровнял по центру!
Re: Колонка любых вопросов для новичков!
Добавлено: 19 фев 2009, 14:03
XxMARSxX
ключевое слово
тупо 
Re: Колонка любых вопросов для новичков!
Добавлено: 19 фев 2009, 15:46
google08
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 ?