соприкосновение div при изменении разрешения

[SLameN]

Проблема при разном разрешении экранов.

Как должно быть в идеале (разрешение 1600):

А вот что получается при разрешении 1280:

Код такой:

Центральный блок:

margin: 0px auto; 
width: 1000px;

Чат:

position: absolute;
right: 5px;

Сначала я сделал, что для чата следующее: left: 1200px и при разрешениях 1280 и 1600 все было хорошо. Но когда пошел к начальнику и у него разрешении более 1600, там был уже косяк... Как сделать так, чтобы при разрешении 1280, не накладывался чат на центральный блок? Например, чтобы он уходил правее (скроллингом прокручивать вправо).

Полный размер:

Edited June 4, 2012 by SLameN

[Modestes]

для блока в котором находится центральная колонка и колонка с чатом задать минимальную ширину min-width: 1200(к примеру);

[SLameN]

Структура такая:

<div id="main"></div>
<div id="chat"></div>

И если я пропишу вот так для - chat:

min-width:240px;
position: absolute;
right: 5px;

Все равно ничего не получается

Edited June 4, 2012 by SLameN

[alexforce2]

задайте min-width родителю, к котором находятся центральный блок и чат

Было бы легче разобраться и посоветовать, увидев весь код.

Edited June 4, 2012 by alexforce2

[SLameN]

Html

<div id="main"></div>
<div id="chat"></div>

CSS

#main {
margin: 0px auto; 
min-width:1000px;
}

#chat {
min-width:240px;
position: absolute;
top: 20px;
right: 5px;
}

[Modestes]

Вот это засуньте в div

  On 6/4/2012 at 10:20 AM, SLameN said:

Структура такая:

<div id="main"></div>
<div id="chat"></div>

т.е так

<div class="page">
<div id="main"></div>
<div id="chat"></div>
</div>

/*К примеру так*/
.page{
width: 1200px; 
min-width:1200px;
}

вот держи

Edited June 4, 2012 by Modestes

[SLameN]

Получилось, но теперь блок main стал по левому краю. Это из-за float:left? И как исправить его по центру?

.page {
width:1200px;
min-width:1200px;
}

#main {
margin: 0px auto; 
border: solid 1px #cacaca;
min-width:1000px;
width:1000px;
border-radius: 0px 0px 6px 6px;
float:left;
}

#chat {
width:200px;
float:right;
}

Edited June 4, 2012 by SLameN

[alexforce2]

del

Edited June 4, 2012 by alexforce2

[Modestes]

да, мне показалось вам так и нужно,

если марджином-авто выравнивать то ниче не получится, правая колонка будет под main

покажи рисунок как должен выглядеть окончательный вариант

[SLameN]

Как должно быть в идеале (разрешение 1600):

Edited June 4, 2012 by SLameN

[Modestes]

хорошо, а чем не устраивает вариант когда эти два блока в одном? главный блок можно отцентрировать

а из примера, тут только позиционировать чат