Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / float / 8 сообщений из 8, страница 1 из 1
24.12.2008, 21:36
    #35733618
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Проблема такая - довольно глупая:
есть три колонки, первыя и третья float:left-right; вторая margin-left,margin-right:200px;
во второй колонке используеться конструкция вида:
авторрисунок флоат лево
текст
полоска clear:left;
И таких много штук.

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

Встрачаюсь с этйо проблемой уже не раз, все время обхожусь заморочками... нонадоело) решил спросить) яндекс ниче не дал.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.12.2008, 09:07
    #35733999
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Ренатнонадоело) решил спросить) яндекс ниче не дал.
Еще бы тестовый пример сделал для анализов... ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.12.2008, 10:08
    #35734141
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Вот один из примеров. к примеру после 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
| Ответить | Цитировать | Написать  
25.12.2008, 11:46
    #35734440
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Ренат , остальные ("структурные") теги значит мы таки сами должны дописывать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.12.2008, 12:16
    #35734531
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Вот это я называю тестовым примером

Код: 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
| Ответить | Цитировать | Написать  
25.12.2008, 15:59
    #35735343
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Спасибо, оказалось и впрпавду все так просто, а если высота не известна?
зы. ну может доктайп забыл дописать.... а так примеры и без html и body номана работают
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.12.2008, 16:42
    #35735506
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Рената если высота не известна?
Тут дело хуже... Проще будет табличку использовать.

Код: 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
| Ответить | Цитировать | Написать  
25.12.2008, 17:05
    #35735591
Ренат
Ренат
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
float
Блин... Я чето про таблицы и забыл... Эх))
Спасибо, пашол вспоминать азы html)
зы. Сам не люблю просто читать большие посты с кодом, вот пытаюсь побоше уменьшить код)
ps2/ Я сам когда выкладываю сжатый код в опере его проверяю. На картинке даж видно что у тестового примера адрес yandex.ru Так что шанс при облегчении кода убрать мелкую ошибку исчезает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / float / 8 сообщений из 8, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 737ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1455369]:
 0ms
get settings:
 8ms
get forum list:
 21ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 426ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 58ms
get tp. blocked users:
 2ms
others: 201ms
total:  737ms
x
x
Закрыть


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