Верстка 2х столбцов

TeMa_CH

Привіт!
Статус: Offline
Реєстрація: 06.10.2006
Повідом.: 16
  • 🔴 21:27 Повітряна тривога в м. Харків та Харківська територіальна громадаСлідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • #1
Верстка 2х столбцов

Всем привет.
Жаль что нет разделения раздела на более конкретные, но тут назрел вопрос по вёрстке, в чём..не силён, а разобраться хочу..

Приложил код
Переглянути вкладення test.txt

Результат посмотреть
⚠ Тільки зареєстровані користувачі бачать весь контент та не бачать рекламу.

Задача такова:
Нужно поменять местами
HTML: 
<div id="content">
<div class="column_left">				                
</div>
<div class="column_center">
</div>			
</div>
на
HTML: 
<div id="content">			
<div class="column_center">
</div>			
<div class="column_left">				                
</div>
</div>
так, чтоб они остались на своих местах.
Разные комбинации с float у меня лично ни к чему не привели..
Прошу помощи =)
 
  • 🔴 21:27 Повітряна тривога в м. Харків та Харківська територіальна громадаСлідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • #2
PHP: 
#container #content .column_left {
    position: absolute;
	top: 108px;
    width: 256px;
	background-color:#0000FF;
	height: 1000px;
}

В IE уёбешно выглядит.
Замени
PHP: 
body {
    margin: 0;
}

#container {
    width: 976px;
    margin: auto;
    margin-top: 8px;
    height: 85px;
	background-color:#FF0000;
}
 
  • 🔴 21:27 Повітряна тривога в м. Харків та Харківська територіальна громадаСлідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • #3
Всё у вас так быстро))
Кроме как абсолютное позиционирование вариантов нет?

Неужели и вправду такой гемор, чтоб во всех браузерах одинаково выглядело? =(

Я просто составил элементарный макет. В исходном документе то, что вы указали - прописано
Спасибо!
 
  • 🔴 21:27 Повітряна тривога в м. Харків та Харківська територіальна громадаСлідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • #4
PHP: 
#container #content .column_left {
    margin-left: 266px;
	background-color:#FF00FF;
	height:1000px;
}
#container #content .column_center {
    float: left;
    width: 256px;
    margin-right: 13px;
	background-color:#0000FF;
	height: 1000px;
}
 
  • 🔴 21:27 Повітряна тривога в м. Харків та Харківська територіальна громадаСлідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • #5
Это то же что и было.. простите, не пойму юмора
 
  • 🔴 21:27 Повітряна тривога в м. Харків та Харківська територіальна громадаСлідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • #6
Посмотри внимательно
Или попробуй
 
  • 🔴 21:27 Повітряна тривога в м. Харків та Харківська територіальна громадаСлідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • #7
Я понял)
Просто смысл в том, что в левой колонке находится меню,а в центральной - инфо, что для правильной сео верстки попросили перенести выше по коду. Сделал абсолютное позиционирование. Спасибо!
 
  • 🔴 21:27 Повітряна тривога в м. Харків та Харківська територіальна громадаСлідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • #8
хрень какая-то, зачем абсолют на динамически изменяемый по высоте блок? а если правая колонка будет по высоте меньше, чем левая?
Проще:
.column_center{
float:right;
width:...
}
.column_left{
float:left;
width:...
}
 
  • 🔴 21:27 Повітряна тривога в м. Харків та Харківська територіальна громадаСлідкуйте за подальшими повідомленнями.#м_Харків_та_Харківська_територіальна_громада
  • #9
Да, я понял. Сделать обтекание слева для центральной мне не позволял
margin-left: 266px;

Когда я его убрал и установил чётко размер в 710px всё заработало! Спасибо всем откликнувшимся!
 
Ви повинні увійти або зареєструватися, щоб відповісти.
Меню
Увійти
Реєстрація