Контейнеры размещаются только вниз друг за другом

i1dar · 19.12.2010, 15:36

Учусь Дримвиверу, дошёл до плавающих контейнеров. Вроде сделал всё как написано, в дримвивере - и отображается в окне программы всё так как должно быть. А вот когда в браузере смотришь, то все контейнеры тупо идут друг за другом вниз. В чём может быть проблема? Если кто нибудь оставит аську, куда можно будет дико вежливо обращаться по вопросам веб-дизайна - буду очень рад. Заколебали просто эти контейнеры! =)

vladendark · 19.12.2010, 22:17

div - элемент блочный, для него нужно указывать ширину. + раскладку в стек
покажите код - продолжим разговор

i1dar · 20.12.2010, 04:35

Цитата:

Сообщение от vladendark

div - элемент блочный, для него нужно указывать ширину. + раскладку в стек
покажите код - продолжим разговор

Цитата:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<link href="/css/stylles.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="header">Заголовок сайта </div>
<div class="spacer"> </div>
<div class="nav">
<p><a href="/1.html">Первая страница</a></p>
<p><a href="/2.html">Вторая страница</a></p>
<p><a href="/3.html">Третья страница </a></p>
</div>
<div class="main">
<p>Основное содержимое</p>
<p>бабабаалалала</p>
<p>балалаврплырплфырпыфпр </p>
</div>
<div class="news">
<p>Новости</p>
<p>мы открылись</p>
<p>мы скоро закроемся </p>
</div>
<div class="spacer"> </div>
<div class="copyright">Авторские права </div>
</body>
</html>

Вот весь код страницы. Вот стили:

Цитата:

.header {
float: left;
width: 750px;
}
.spacer {
clear: both;
}
.nav {
float: left;
width: 80px;
}
.main {
float: left;
width: 480px;
}
.news {
float: left;
width: 100px;
}
.copyright {
float: left;
width: 750px;
}

Добавлено через 3 часа 0 минут

Пробовал еще и еще. Контейнеры тупо идут вниз, хотя им и указываешь левый флоат. Всё равно идут вниз! Помогите кто нибудь пожалуйста!

SerGun · 20.12.2010, 05:02

у меня так отображается:

i1dar · 20.12.2010, 06:15

Цитата:

Сообщение от SerGun

у меня так отображается:

То есть этот же код, но отображается по разному? У меня так и в хроме и в эксплорере всё одинаково плохо...

Что делать?

SerGun · 20.12.2010, 06:22

Хз, у меня во всех норм.

Цитата:

Сообщение от i1dar

файл стилей точно stylles.css называется? может у вас опечатка - styles.css

i1dar · 20.12.2010, 06:41

Цитата:

Сообщение от SerGun

Хз, у меня во всех норм.

файл стилей точно stylles.css называется? может у вас опечатка - styles.css

Нет, всё так. И файлик с двумя "л" и в пути две "л". Бред какой-то... как это вообще возможно, чтобы один и тот же код по разному отображался?

У меня вот так отображается попорядку: опера, ие, хром.

SerGun · 20.12.2010, 06:59

а так?

i1dar · 20.12.2010, 07:25

Цитата:

Сообщение от SerGun

а так?

Заработало! =)
То есть таблицу стилей надо всегда в корневой каталог сайта ложить? ТОлько из за этого?

А это что за строчки?:

Цитата:

@charset "utf-8";
/* CSS Document */

Вы их сами добавляли в код?

Добавлено через 16 минут

Блин, всё таки не в этом была проблема. Я вроде научил свой сайтик правильно раставлять контеёнеры, но сам не врубился как?? Пытаюсь на других - не получается... Еще не нравится, что при уменьшении ширины окна браузера - контейнеры вниз соскакивают, но думаю для этого есть какие то конкретные фичи. А вот в чем была изначальная трабла я так и не понял...

SerGun · 20.12.2010, 07:32

Цитата:

Сообщение от i1dar

То есть таблицу стилей надо всегда в корневой каталог сайта ложить? ТОлько из за этого?

не надо)

Цитата:

Сообщение от i1dar

А вот в чем была изначальная трабла я так и не понял...

путь к стилям не верно прописан

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как убрать header вниз?	mistyflip	HTML, CSS, JavaScript	5	10.11.2009 18:25
Все вниз	rubanok	ASP, Perl, PHP и MySQL	2	30.06.2006 06:06
Книга - друг человека	DrMisha	Растровая графика	12	14.09.2005 10:33
Бд на другом сервере	kadafi	HTML, CSS, JavaScript	4	07.10.2004 09:39
Php на другом сайте!	Rustle	HTML, CSS, JavaScript	18	05.08.2004 15:27

19.12.2010, 15:36	#1
i1dar	Учусь Дримвиверу, дошёл до плавающих контейнеров. Вроде сделал всё как написано, в дримвивере - и отображается в окне программы всё так как должно быть. А вот когда в браузере смотришь, то все контейнеры тупо идут друг за другом вниз. В чём может быть проблема? Если кто нибудь оставит аську, куда можно будет дико вежливо обращаться по вопросам веб-дизайна - буду очень рад. Заколебали просто эти контейнеры! =)

19.12.2010, 22:17	#2
vladendark	div - элемент блочный, для него нужно указывать ширину. + раскладку в стек покажите код - продолжим разговор