Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML+CSS, float:left ведет себя странно / 13 сообщений из 13, страница 1 из 1
07.05.2010, 01:23:32
    #36616516
stupor
stupor
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML+CSS, float:left ведет себя странно
привет всем !
у меня странная проблема: есть блок в котором содержатся дивы (не девки , а div) с float:left
в одном ряду помещается 5 дивов, 6-й спускается в новый ряд (и это хорошо), плохо то что он пристраивается справа, а не слева.
пример:
http://odaylice.net/albums/test.html

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

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

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

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

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

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

Потом кому нужно ставлю... Может и тебе поможет.
не помогло :(
пример подчистил, оставил только необходимое
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.05.2010, 23:42:46
    #36619276
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML+CSS, float:left ведет себя странно
stuporпример подчистил, оставил только необходимое
Сюдатекст давай. Его можно будет скопипастить, подправить, показать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.05.2010, 00:04:20
    #36619285
stupor
stupor
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML+CSS, float:left ведет себя странно
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, 08:45:00
    #36619360
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
HTML+CSS, float:left ведет себя странно
stupor , млин какая бяка. Предлагают вот такое для борьбы...

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

большое спасибо
display:inline; действительно помогло
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / HTML+CSS, float:left ведет себя странно / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 501ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1453116]:
 0ms
get settings:
 9ms
get forum list:
 18ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 187ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 234ms
total:  501ms
x
x
Закрыть


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