Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
Alex351960
1 / 1 / 0
Регистрация: 08.03.2013
Сообщений: 90
#1

Плохо работает Float - контент смещается - HTML, CSS

05.08.2014, 00:53. Просмотров 500. Ответов 4
Метки нет (Все метки)

Добрый вечер, форумчане! уже 5 час бьюсь над проблемой.
На странице http://xn----8sbennmcgimgcxpfg.xn--p1ai/catalog/metalloiskateli товары почему-то не хотят идти друг за другом. Если увеличить масштаб страницы, то товары встанут аккуратно в ряд, а при уменьшении товары все равно встают криво. Многие способы уже перепробовал, но ничего не получается. Может Кто-нибудь подсказать в чем может быть проблема и как её исправить? Заранее очень благодарен!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
05.08.2014, 00:53
Здравствуйте! Я подобрал для вас темы с ответами на вопрос Плохо работает Float - контент смещается (HTML, CSS):

При появлении полосы прокрутки смещается контент - HTML, CSS
Добрый день. При появлении полосы прокрутки, правая колонка смещается влево. Например: http://176.9.116.78:88/zakupki/ Хотя...

Всего одна из страниц сайта плохо работает в IE и Мозилле (абра-кадабра).В Опере все работает. - HTML, CSS
Привет всем. Сделал небольшой сайтик на HTML и немножко СSS там присутствует. Это мой первый сайт. Состоит из десяти страничек....

IE опять все портит, в 9 версии работает, а в остальных нет. не работает float - HTML, CSS
сайт http://gkantecreo.ru/ вверху в шапке слайдер в блоке div с css {float: left; padding-left: 15px;} везде прижат слева, а в "интернет...

Почему hover плохо работает в Firefox? - HTML, CSS
Привет. Делал что-то типа менюшки для сайта, суть в том, что при наведении на блок, его высота увеличивается, и становятся видны все...

не работает float right - HTML, CSS
Занимаюсь по книге head first. Скачал код с сайта добавил всего 2 новых свойства к css селектору чтобы установить обтекание, но не...

не работает float - HTML, CSS
Здравствуйте. почему то не хочет один блок обтекать другой. <div id='allall'> <div id='all'> <h3 id='h'>:</h3><div id='cntnt'> ...

4
Jewbacabra
Эксперт PHP
2733 / 2321 / 871
Регистрация: 24.04.2014
Сообщений: 7,016
05.08.2014, 01:31 #2
Alex351960, кто учил в строчный тег a вставлять блочный div?
А проблема из-за того, что не одинаковая высота у блоков, поможет добавление стилей
HTML5
1
2
3
4
5
.catalogcont a {
    display: block;
    float: left;
    height: 264px;
}
0
newJS
2391 / 1064 / 98
Регистрация: 23.06.2011
Сообщений: 3,323
05.08.2014, 07:02 #3
Цитата Сообщение от Jewbacabra Посмотреть сообщение
кто учил в строчный тег a вставлять блочный div?
не так давно был большой спор по этому вопросу, не знаю как тему найти, может модеры подскажут

оказывается в html5 это можно делать, бред конечно, но валидаторы пропускают, говорят это нормально, кто бы мне это с логической точки зрения объяснил, зачем тогда вообще теги делить на такие и эдакие
может этот бред исправят в конечной реализации

Все правильные doctype и запрещенные в них HTML теги
Полезные ресурсы для web - мастера
какой тег строчный, какой блочный
Свойство text-align не работает с тэгом b
про float
http://webformyself.com/tajna-svojstva-float-css/
http://stroemvmeste.ru/css/poplavki.html
0
Jewbacabra
Эксперт PHP
2733 / 2321 / 871
Регистрация: 24.04.2014
Сообщений: 7,016
05.08.2014, 11:02 #4
newJS, то что такое разделение тегов убрали в html5 слышал, и тоже не понимаю смысла этого. Но у TC если посмотреть в doctype то там xhtml 1.0.
А валидатор показывает 78 ошибок
0
aj17
218 / 209 / 100
Регистрация: 02.06.2014
Сообщений: 818
05.08.2014, 11:31 #5
CSS
1
2
3
.catalogcont a {
display: inline-block;
}
Добавьте это и будет вам счастье)
0
05.08.2014, 11:31
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
05.08.2014, 11:31
Привет! Вот еще темы с ответами:

Не работает float в IE - HTML, CSS
#conteiner{ display:block; width:880px; margin:0px auto; background:url('cage-1.gif'); min-height:100%;} #head{ width:880px;...

float работает криво - HTML, CSS
Здравствуйте, форумчане. То ли float работает криво, то ли я его криво использую. Помогите разобраться, в чем проблема? Есть левая...

Не работает свойство Float - HTML, CSS
Делаю набросок своего первого сайта , но не могу понять почему не работает обтекание навигации под id="nav" над элементом под...

Не работает float:left - HTML, CSS
Здравствуйте почему-то не работает float:right { border:0px solid #000; position:absolute; width:200px; float:right; ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.