Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
 Аватар для dotWizard
1 / 1 / 0
Регистрация: 18.05.2013
Сообщений: 14

Проблемы выравнивания css

24.07.2013, 13:22. Показов 789. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Возникла проблема. Пытаюсь уйти на сайте от фиксированной ширины контента. Уже не знаю что ещё пробовать, голова не варит. Задаю следующий стиль:
CSS
1
2
3
4
5
6
7
.content{
    overflow: hidden;
    min-width: 830px;
    max-width: 1060px;
    float: left;
    margin: 0 auto;
    }
Для:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<div class="content">
        <div class="post_block">
            <h1><a href="#">Lorem ipsum</a> <span>(24.07.2013)</span></h1>
            <div class="post">
                <img src="images/Lorem.jpg" class="imgst" alt="Lorem ipsum" />
                <p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.</p>
                <p><a href="#">GO-GO</a></p>
                <p>Meta: <a href="#">Lorem</a>, <a href="#">Ipsum</a>, <a href="#">Dolor</a></p>
            </div>
        </div>
.............
</div>
Проблема в том, что флоатом выравнивание идёт по краю окна, а мне нужно что бы выравнивало по базовой линии. В остальном коде ничего проблемного найти не могу/
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.07.2013, 13:22
Ответы с готовыми решениями:

Выравнивания текста в css
не получается выровнять текст по центру относительно вертикали. пробовал padding и margin оно применяется ко всему блоку и он смещается. а...

Аналог антрибута горизонтального выравнивания для блочного элемента в CSS
Добрый день! Прошу подсказать, как решить проблему: Как в CSS для тэга &lt;div&gt; описать выравнивание его по горизонтальному центру, т.е.:...

Проблемы с CSS
проблема в том, что я не понимаю, как сделать чтобы первое видео и текст были на одном уровне, а второе видео под текстом Вот код:...

4
 Аватар для Пупс
12 / 12 / 6
Регистрация: 30.07.2008
Сообщений: 65
25.07.2013, 13:50
Цитата Сообщение от dotWizard Посмотреть сообщение
выравнивало по базовой линии.
По какой именно? Можно от края отступ 30 пикселей сделать и все путем будет.

CSS
1
2
position: relative;
left: 30px;
И у вас не задана высота класса "content"...
0
 Аватар для dotWizard
1 / 1 / 0
Регистрация: 18.05.2013
Сообщений: 14
26.07.2013, 05:36  [ТС]
А зачем мне высота контента если не секрет?
Ладно, решил проблему немного проще, засунув всё это в див с фиксированной шириной и в нём уже раскидал всё как нужно. Просто мозг в тот вечер не работал, вот и полез с глупыми вопросами.
0
556 / 510 / 25
Регистрация: 23.07.2009
Сообщений: 2,359
Записей в блоге: 1
26.07.2013, 12:07
похожая проблема, не хочу открывать новую тему с тем же названием ("проблема с выравниванием-2"?), задам вопрос здесь, автор топика, надеюсь, не возр.

имеется див, в нем - четыре кнопки в ряд. все хорошо, пока текст одной из кнопок (второй слева) не становится длинным, тогда текст переносится, отображаясь в две строчки, и остальные три кнопки смещаются почему-то вниз. "наша" кнопка остается вертикально центрированной. укоротил текст - снова все центрально, в один ряд.
0
 Аватар для dotWizard
1 / 1 / 0
Регистрация: 18.05.2013
Сообщений: 14
26.07.2013, 14:00  [ТС]
Значит задана фиксированная ширина кнопок. Попробуйте в стилях просто выровнять их без указания ширины, например
CSS
1
float: left;
А вообще код показать не мешало бы. Кто его знает как вы их прописали.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
26.07.2013, 14:00
Помогаю со студенческими работами здесь

Проблемы с меню в css
В общем меню стандартное - ничего особенного. Но проблема в том, что я хочу сделать, чтобы подсвечивающаяся область оставалась...

Проблемы с css разметкой
Приветствую! Не знаю даже как описать проблему, первый рас с таким сталкиваюсь и ума не приложу в чем может быть проблема, вообщем: ...

Проблемы в html и css кодах
У меня такая проблема:при обновлении или открытии страницы появляются слова и моргает навигация сайта вот сами посмотрите:...

Проблемы с отображением css в Opera
Здравствуйте, у меня такой вопрос: я установил cms wordpress на (denwer) подключил тему и сделал несколько изменений в файле stayl.css...

Не отображается сайт нормальнов IE. Проблемы в CSS. Не могу найти ошибку
Может кто может подсказать где ошибка? Сайт http://klimat.studio-domino.com/shop.html нормально отображается во всех форумах кроме IE и ни...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&amp;d=1772460536 Одним из. . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru