Помощник
Выравнивание Css |
Furin
|
Сообщение
#1
|
|||
|
|
|||
|
||||
rjksdfhe |
15.7.2011, 21:34;
Ответить: rjksdfhe
Сообщение
#2
|
|
скорее всего ширину надо уменьшить
проще понять будет если поставить background:yellow у сайдбара |
|
|
LOAD |
15.7.2011, 21:35;
Ответить: LOAD
Сообщение
#3
|
|
Ширину блоков правильно посчитайте.
<div style="width:800px; overflow:hidden;" class="container">
<div style="float:left; width:500px;" class="content"> content </div> <div style="float:right; width:300px;" class="sidebar"> sidebar </div> </div> Сообщение отредактировал LOAD - 15.7.2011, 21:37 |
|
|
LeeRon |
15.7.2011, 21:36;
Ответить: LeeRon
Сообщение
#4
|
|
|
Хеллоу! Подскажите пожалуйста, как выравнять <div> блок. На картинке сделал выравнивание блока "Сайдбар" по средствам float: right. Если указать left, переносит блок под блок с текстом. Нужно поднять блок "сайдбар" на уровень с текстом (где текст начинается). Заранее благодарен, Гуглить нет возможности, Edge свзять((( Надо и текстовому блоку и сайдбару дать Float:left вот только нужно задаль еще и ширину каждого в пикселях или процентах. -------------------- Портфолио | HTML+CSS верстка | icq#454 400 082 |
|
|
||
x64 |
15.7.2011, 21:37;
Ответить: x64
Сообщение
#5
|
|
можно такого плана (для левого и правого бока соответственно):
#left { width:75%; float:left; } #right { width:25%; float:right; clear:right; } |
|
|
Furin
|
Сообщение
#6
|
|
|
|
|
artanik |
15.7.2011, 21:47;
Ответить: artanik
Сообщение
#7
|
|
Нужно и контену тоже задать свойство float, только там есть "подводный камень", нужно поместить всё в ещё один div и задать ему свойство overflow:hidden, потому что всё что ниже, полезет наверх и будет криво
CSS: #container { width:1000px; overflow:hidden; } #content { width:800px; float:left; } #sidebar { width:200px; float:right; } HTML: <div id="container">
<div id="content"> content </div> <div id="sidebar"> sidebar </div> </div> -------------------- Нужна качественная вёрстка сайтов? Обращайтесь: ICQ 555-177-362 |
|
|
S1xteen |
15.7.2011, 22:18;
Ответить: S1xteen
Сообщение
#8
|
|
Для однозначного ответа напишите свой код.
|
|
|
wlad224 |
16.7.2011, 0:24;
Ответить: wlad224
Сообщение
#9
|
|
ого сколько камментов полезных, в мое время никто так не помогал =)
|
|
|
LeeRon |
16.7.2011, 0:35;
Ответить: LeeRon
Сообщение
#10
|
|
Вопрос на самом деле простой, но в свое время сам недогонял как эти float пашут... а как оказалось принцып простой- что выше в коде стоит то и всплывает раньше. То есть для того что бы получить 3 колонки лепиш всем ширину на 33% и float:left.
-------------------- Портфолио | HTML+CSS верстка | icq#454 400 082 |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3493 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3425 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6460 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1669 | 3.3.2021, 12:22 автор: kozak199110 |
|
Выравнивание картинки по центру между текстом | 10 | NikN | 2637 | 6.1.2021, 23:24 автор: buypushplatform |
Текстовая версия | Сейчас: 25.4.2024, 16:13 |