Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/6: Рейтинг темы: голосов - 6, средняя оценка - 4.50
 Аватар для Nebiros
41 / 40 / 16
Регистрация: 23.03.2010
Сообщений: 3,122

обтекание - непойму

20.05.2010, 13:59. Показов 1144. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
вот скажем style.css

CSS
1
2
3
4
5
#head {width:100%; height:150px; border:double 2px; background-color:#00CCFF;}
#left { width:150px; height:90%; border:double 2px; background-color:#CCCCFF; float:left;}
#content { height:90%; width:700px; border:double 2px; background-color:#CCCCCC; float:left;}
#right {padding-right:0px; width:150px; border:double 2px; background-color:#CCCCFF;}
#foot { height:10%; width:100%; border:double 2px; background-color:#66FFFF;}
ну и соответственно index.php
...........................
PHP
1
2
3
4
5
<div id="head">Head</div>
<div id="left">Left</div>
<div id="content">Content</div>
<div id="right">Right</div>
<div id="foot">Foot</div>
...........................
left идет с лева потом правее идет content а вот right идет уже с лева внизу , хотя у контента стоит обтекание слева
почему не работает ???
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
20.05.2010, 13:59
Ответы с готовыми решениями:

Как прекратить обтекание одного тега, не прекращая обтекание других силами css?
Вопрос в следующем: Грубо говоря, как прекратить обтекание одного тега, не прекращая обтекание других? Для большей ясности приведу...

Обтекание
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;html...

обтекание
Добрый день!!! Кто подскажет как можно сделать обтекание как на картинке?

3
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
20.05.2010, 14:25
Если разрешение 1024х768, то ширины не хватает.
Ширина страницы в браузере при таком разрешении 1000px, а у тебя бордеры еще добавляют 12рх.
Уменьши ширину каких нибудь дивов, должно помочь.
1
 Аватар для Nebiros
41 / 40 / 16
Регистрация: 23.03.2010
Сообщений: 3,122
20.05.2010, 14:30  [ТС]
в принципе убрал ширину у right стало норм
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
20.05.2010, 14:57
Не самую оптимальную верстку ты используешь с моей точки зрения.
Про верстку я говорил в этой теме Вопрос по выравниванию блоков в блочной верстке
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
20.05.2010, 14:57
Помогаю со студенческими работами здесь

Обтекание слева
Добрый вечер помогите решить проблему. Делаю блок, в него вставляю другие с параметром float: left. Но почему-то они вылетают с него. ...

Обтекание текстом
Создаю проект (сайт) &quot;Мой блог&quot; на продажу, на главной странице описание автора блога и его фотография. Мне надо что бы текст обтекал фото,...

Обтекание (float)
&lt;div style=&quot;background:green&quot;&gt; &lt;div style=&quot;float:left&quot;&gt;Текст слева&lt;/div&gt; &lt;div style=&quot;float:right&quot;&gt;Текст справа&lt;/div&gt; ...

Обтекание картинки
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style type=&quot;text/css&quot;&gt; p{border-style: dotted; background: linear-gradient(45deg,...

Обтекание снизу
Вот есть у меня вот такой код: &lt;hr class=&quot;line line_2&quot;&gt; &lt;body onload=&quot;digitalWatch()&quot;&gt; &lt;p id=&quot;digital_watch&quot;...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
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 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru