Позиционирование столбцов с абсолютным позиционированием вместо поплавков - PullRequest
1 голос
/ 09 февраля 2009

Я прочитал несколько статей, касающихся шаблонов для контента веб-сайта. Кажется, все они рекомендуют размещать столбцы на вашем сайте с помощью поплавков. Пример:

<div id="container" style="width: 1000px;">
    <div id="main_content" style="border: solid 1px Black; width: 798px; /* width = 800px -2px for border */ float: left; height: 400px;" ></div> 
    <div id="links_menu" style="border: solid 1px Black; width: 198px; float: right; height: 600px;"></div>      
</div>


Однако мне всегда удается манипулировать контентом, когда я использую плавающие объекты. Я провожу больше времени, пытаясь определить, куда поместить мои <div syle="clear:both;" />, чем на самом деле создавая внешний вид сайта. Кроме того, всякий раз, когда я помещаю один из наших сторонних элементов управления ComponentArt внутри плавающего контейнера, он получает искажение и требует от меня указания высоты и ширины, которые не определяются до времени выполнения.


Кроме того, я обнаружил, что когда я использую абсолютное позиционирование, мне кажется, что все работает лучше. Пример:

<div style="width: 1000px; height: 600px; position: relative;">
    <div style="border: solid 1px Black; width: 798px; position: absolute; top: 0; left: 0; height: 400px;"></div>
    <div style="border: solid 1px Black; width: 198px; position: absolute; top: 0; right: 0; height: 600px;"></div>
</div>


Во всяком случае, я все еще относительно новичок в таблицах стилей и HTML, поэтому я хотел бы рассказать об этом всем вам, чтобы узнать, что вы думаете об этой альтернативе для размещения контента. Видите ли вы какие-либо недостатки этого подхода? Я пытался в большинстве браузеров, и все они, кажется, отображаются правильно, но я не знаю, что ждет в будущем ... Или, может быть, кто-то может порекомендовать лучший способ плавать мои контейнеры, чтобы внутренний контент не плавал как Что ж. Я определенно открыт для предложений и благодарен за любые отзывы, которые вы можете предоставить.

Заранее спасибо за помощь!

CJAM

Ответы [ 2 ]

3 голосов
/ 09 февраля 2009

Большая проблема с абсолютно позиционированными контейнерами - размещение контента на странице под ними, когда вы заранее не знаете их высоты. В вашем примере вы определили высоту ваших абсолютно позиционированных элементов, так что это не должно быть проблемой для вас. Если это работает для вас, используйте его.

1 голос
/ 09 февраля 2009

Нет ничего правильного и неправильного в достижении чего-либо с помощью css. Это больше об эффективности / гибкости.

Использование абсолютного положения для расположения столбцов уменьшает это. Вставка, удаление столбца потребует от вас пересчета всего позиционирования. Что если есть несколько экземпляров столбца с одинаковым стилем? Мы не можем повторно использовать стиль на 100%, так как он абсолютно позиционирован.

Существует множество подходов к макетам столбцов. Проверьте некоторые @ listapart , positioniseverything

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...