powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / float
8 сообщений из 8, страница 1 из 1
float
    #35733618
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Проблема такая - довольно глупая:
есть три колонки, первыя и третья float:left-right; вторая margin-left,margin-right:200px;
во второй колонке используеться конструкция вида:
авторрисунок флоат лево
текст
полоска clear:left;
И таких много штук.

Но полоска начинается первая тоько после того как левая менюшка закончилась. Т.е. она ждет окончания float:left не только в своем родном центральной колонке но и в чужие. как мона это обойти?

Встрачаюсь с этйо проблемой уже не раз, все время обхожусь заморочками... нонадоело) решил спросить) яндекс ниче не дал.
...
Рейтинг: 0 / 0
float
    #35733999
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ренатнонадоело) решил спросить) яндекс ниче не дал.
Еще бы тестовый пример сделал для анализов... ;)
...
Рейтинг: 0 / 0
float
    #35734141
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вот один из примеров. к примеру после hr должны идти список страниц
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
<style>
#s1{
float:left;
width:100px;
border:1px solid red;
}

#s2{
margin-left:100px;
margin-right:100px;
border:1px solid red;
}

#s3{
float:right;
width:100px;
border:1px solid red;
}

.news{
float:left;
width:100px;
border:1px solid lime;
}
</style>

<div id=s1>
...
</div>

<div id=s3>
...
</div>

<div id=s2>
<div class="news">
...
</div>

<div class="news">
...
</div>

<div class="news">
...
</div>

<hr style="clear:left">
...
</div>

...
Рейтинг: 0 / 0
float
    #35734440
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Ренат , остальные ("структурные") теги значит мы таки сами должны дописывать?
...
Рейтинг: 0 / 0
float
    #35734531
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Вот это я называю тестовым примером

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
<html>
<head>
<style type="text/css">
#s1{
	float: left;
	width: 100px;
	border: 1px solid red;
}
#s2{
	margin-left: 100px;
	margin-right: 100px;
	border: 1px solid red;
}
#s3{
	float: right;
	width: 100px;
	border: 1px solid red;
}
.news{
	float: left;
	width: 100px;
	border: 1px solid lime;
}
.cont {
	height: 30px;
	border: 1px solid aqua;
}
hr {
}
</style>
</head>
<body>
<div id=s1>Левая часть Левая часть Левая часть Левая часть Левая часть Левая часть 
</div>
<div id=s3>Правая часть Правая часть Правая часть Правая часть Правая часть Правая часть Правая часть Правая часть 
</div>
<div id=s2>
	<div class="cont">
		<div class="news">...
		</div>
		<div class="news">...
		</div>
		<div class="news">...
		</div>
	</div>
	<hr />
	...
	<div class="cont">
		<div class="news">...
		</div>
		<div class="news">...
		</div>
		<div class="news">...
		</div>
	</div>
	<hr />
	...
</div>
</body>
</html>

Но это если заранее знать высоту у cont...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
float
    #35735343
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Спасибо, оказалось и впрпавду все так просто, а если высота не известна?
зы. ну может доктайп забыл дописать.... а так примеры и без html и body номана работают
...
Рейтинг: 0 / 0
float
    #35735506
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Рената если высота не известна?
Тут дело хуже... Проще будет табличку использовать.

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
<html>
<head>
<style type="text/css">
#s1{
	float: left;
	width: 100px;
	border: 1px solid red;
}
#s2{
	margin-left: 100px;
	margin-right: 100px;
	border: 1px solid red;
}
#s3{
	float: right;
	width: 100px;
	border: 1px solid red;
}
.news{
	float: left;
	width: 100px;
	border: 1px solid lime;
}
</style>
</head>
<body>
<div id=s1>Левая часть Левая часть Левая часть Левая часть Левая часть Левая часть 
</div>
<div id=s3>Правая часть Правая часть Правая часть Правая часть Правая часть Правая часть Правая часть Правая часть 
</div>
<div id=s2>
	<table>
	<tr>
	<td>
		<div class="news">...
		</div>
		<div class="news">...
		</div>
		<div class="news">...
		</div>
	</td>
	</tr>
	</table>
	<hr />
	...
	<table>
	<tr>
	<td>
		<div class="news">...
		</div>
		<div class="news">...
		</div>
		<div class="news">...
		</div>
	</td>
	</tr>
	</table>
	<hr />
	...
</div>
</body>
</html>
Ренатзы. ну может доктайп забыл дописать.... а так примеры и без html и body номана работают
Тастовый пример должен быть оформлен полностью. Т.к. проблема может скрываться где угодно... Не ленись! Время, потраченое на написание теста, слихвой окупится при решении проблемы.
...
Рейтинг: 0 / 0
float
    #35735591
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Блин... Я чето про таблицы и забыл... Эх))
Спасибо, пашол вспоминать азы html)
зы. Сам не люблю просто читать большие посты с кодом, вот пытаюсь побоше уменьшить код)
ps2/ Я сам когда выкладываю сжатый код в опере его проверяю. На картинке даж видно что у тестового примера адрес yandex.ru Так что шанс при облегчении кода убрать мелкую ошибку исчезает.
...
Рейтинг: 0 / 0
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / float
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]