Помощник
 |
|
|
|
|
Сообщение сайта
|
 Выравнивание Css |
Furin
|
Сообщение
#1
|
|||
|
Бог  Группа: Active User Сообщений: 833 Регистрация: 19.5.2010 Из: Волгоград/Москва/Лондон Поблагодарили: 213 раз Репутация:  42 
 |
|
|||
 |
|
|||
|
rjksdfhe
|
 15.7.2011, 21:34;
Ответить: rjksdfhe
Сообщение
#2
|
 Straight arms Группа: Active User Сообщений: 2760 Регистрация: 21.4.2009 Из: Мытищи, МО, РФ Поблагодарили: 1118 раз Репутация: 163
|
скорее всего ширину надо уменьшить
проще понять будет если поставить background:yellow у сайдбара |
|
|
|
LOAD
|
15.7.2011, 21:35;
Ответить: LOAD
Сообщение
#3
|
|
Участник Группа: User Сообщений: 106 Регистрация: 1.2.2008 Поблагодарили: 42 раза Репутация: 8
|
Ширину блоков правильно посчитайте.
<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
|
|
 Бывалый Группа: User Сообщений: 253 Регистрация: 6.12.2009 Поблагодарили: 70 раз Репутация: 16
|
(Furin @ 15.7.2011, 20:31)  Хеллоу! Подскажите пожалуйста, как выравнять <div> блок.
На картинке сделал выравнивание блока "Сайдбар" по средствам float: right. Если указать left, переносит блок под блок с текстом. Нужно поднять блок "сайдбар" на уровень с текстом (где текст начинается). Заранее благодарен, Гуглить нет возможности, Edge свзять((( Надо и текстовому блоку и сайдбару дать Float:left вот только нужно задаль еще и ширину каждого в пикселях или процентах. -------------------- |
|
|
|
|
|
|
x64
|
15.7.2011, 21:37;
Ответить: x64
Сообщение
#5
|
 F.A.L.L.O.U.T. Группа: Active User Сообщений: 4055 Регистрация: 30.6.2011 Из: Железнодорожный (Балашиха) Поблагодарили: 3409 раз Репутация: 331
|
можно такого плана (для левого и правого бока соответственно):
#left { width:75%; float:left; } #right { width:25%; float:right; clear:right; } |
|
|
|
|
Furin
|
Сообщение
#6
|
|
Бог Группа: Active User Сообщений: 833 Регистрация: 19.5.2010 Из: Волгоград/Москва/Лондон Поблагодарили: 213 раз Репутация: 42
|
(rjksdfhe @ 15.7.2011, 21:34) скорее всего ширину надо уменьшить проще понять будет если поставить background:yellow у сайдбара Ширина вписывается, желтый не лезет за пределы) |
|
|
|
|
artanik
|
15.7.2011, 21:47;
Ответить: artanik
Сообщение
#7
|
 Участник Группа: User Сообщений: 225 Регистрация: 3.5.2011 Из: Украина, Львов Поблагодарили: 147 раз Репутация: 47
|
Нужно и контену тоже задать свойство 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> -------------------- |
|
|
|
|
S1xteen
|
15.7.2011, 22:18;
Ответить: S1xteen
Сообщение
#8
|
 Бывалый Группа: User Сообщений: 294 Регистрация: 20.9.2010 Поблагодарили: 64 раза Репутация: 12
|
Для однозначного ответа напишите свой код.
|
|
|
|
|
wlad224
|
16.7.2011, 0:24;
Ответить: wlad224
Сообщение
#9
|
|
Новичок Группа: Banned Сообщений: 25 Регистрация: 4.1.2011 Поблагодарили: 2 раза Репутация: 1
|
ого сколько камментов полезных, в мое время никто так не помогал =)
|
|
|
|
|
LeeRon
|
16.7.2011, 0:35;
Ответить: LeeRon
Сообщение
#10
|
|
Бывалый Группа: User Сообщений: 253 Регистрация: 6.12.2009 Поблагодарили: 70 раз Репутация: 16
|
Вопрос на самом деле простой, но в свое время сам недогонял как эти float пашут... а как оказалось принцып простой- что выше в коде стоит то и всплывает раньше. То есть для того что бы получить 3 колонки лепиш всем ширину на 33% и float:left.
-------------------- |
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3495 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3426 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6461 | 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, 23:08 |
