ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML+CSS, float:left ведет себя странно
13 сообщений из 13, страница 1 из 1
HTML+CSS, float:left ведет себя странно
    #36616516
stupor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
stupor
Гость
привет всем !
у меня странная проблема: есть блок в котором содержатся дивы (не девки , а div) с float:left
в одном ряду помещается 5 дивов, 6-й спускается в новый ряд (и это хорошо), плохо то что он пристраивается справа, а не слева.
пример:
http://odaylice.net/albums/test.html

может кто сталкивался с подобным?
...
Рейтинг: 0 / 0
07.05.2010, 01:23:32
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36616521
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
у третьего высота больше чем у других, за него цепляется шестой. С inline-block выглядело бы лучше.
...
Рейтинг: 0 / 0
07.05.2010, 01:38:10
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36616735
stupor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
stupor
Гость
зыу третьего высота больше чем у других, за него цепляется шестой. С inline-block выглядело бы лучше.
да. спасибо.
т.е. floating divs должны иметь постоянную высоту
...
Рейтинг: 0 / 0
07.05.2010, 10:02:51
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36616752
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
желательно да, иначе будут цепляться за все выступы. inline-block в свою очередь выравнивает их построчно, а через vertical-align можно изменять способ выравнивания.
...
Рейтинг: 0 / 0
07.05.2010, 10:09:26
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36618845
stupor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
stupor
Гость
еще такая проблема: в IE6 floating divs имеют зазор слева от div container , в других браузерах все нормально. Почему так происходит? спасибо
...
Рейтинг: 0 / 0
09.05.2010, 02:15:44
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36618874
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
stupor , а тестовый пример?
...
Рейтинг: 0 / 0
09.05.2010, 09:15:50
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36618963
stupor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
stupor
Гость
krvsa stupor , а тестовый пример?
вот http://odaylice.net/albums/test.html
...
Рейтинг: 0 / 0
09.05.2010, 14:03:40
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36619021
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Фига се тестовый! Хорошо хоть не весь сайт в пример поставил...

Я например всегда использую

Код: plaintext
1.
2.
3.
* {
   margin:  0 ;
   padding:  0 ;
}

Потом кому нужно ставлю... Может и тебе поможет.
...
Рейтинг: 0 / 0
09.05.2010, 16:17:24
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36619039
stupor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
stupor
Гость
krvsaФига се тестовый! Хорошо хоть не весь сайт в пример поставил...

Я например всегда использую

Код: plaintext
1.
2.
3.
* {
   margin:  0 ;
   padding:  0 ;
}

Потом кому нужно ставлю... Может и тебе поможет.
не помогло :(
пример подчистил, оставил только необходимое
...
Рейтинг: 0 / 0
09.05.2010, 16:39:37
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36619276
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
stuporпример подчистил, оставил только необходимое
Сюдатекст давай. Его можно будет скопипастить, подправить, показать.
...
Рейтинг: 0 / 0
09.05.2010, 23:42:46
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36619285
stupor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
stupor
Гость
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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Example</title>
<style type="text/css">
* {
margin:  0 ;
padding:  0 ;
}
body{
font-family:Verdana, Tahoma, Geneva, sans-serif;
background-color:#1e0000;
color:#fee195;
font-size:11px
}

html, body{
margin: 0 ;padding: 0 ;
}

.alb_cover{
width:130px;
height:195px;
float:left;
margin:13px  0   0  13px;
background-color:#FF6F6F;
}

.data_blok{
width:731px;
border:1px solid #693a15;
background-color:#571e0f;
height:625px;
text-align:left;
}
</style>
</head>
<body>
<div class="data_blok">
<div class="alb_cover"></div>
<div class="alb_cover"></div>
<div class="alb_cover"></div>
<div class="alb_cover"></div>
<div class="alb_cover"></div>
<div class="alb_cover"></div>
</div>
</body>
</html>

вот он, исходник http://odaylice.net/albums/test1.html
...
Рейтинг: 0 / 0
10.05.2010, 00:04:20
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36619360
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
stupor , млин какая бяка. Предлагают вот такое для борьбы...

А тут вообще целый перечень остального, с чем еще можно столкнуться...
...
Рейтинг: 0 / 0
10.05.2010, 08:45:00
| Ответить | Цитировать | Написать  
HTML+CSS, float:left ведет себя странно
    #36619419
stupor
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
stupor
Гость
krvsa,

большое спасибо
display:inline; действительно помогло
...
Рейтинг: 0 / 0
10.05.2010, 11:09:48
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML+CSS, float:left ведет себя странно
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=36616752&tid=1453116]:
 0ms
get settings:
 5ms
get forum list:
 14ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 194ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 35ms
get tp. blocked users:
 1ms
others: 195ms
total:  457ms
созд. / загр.: 457ms
x
x
Закрыть


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