[IceBerg]

Сначала позвольте всех категорически, сердечно поприветствовать. Таки я к вам вернулся .

Теперь по делу.

В описании стилей пишу:

#main-left{
  width: 258px;
  height: 250px;
  display: block;
  float: left;
// margin-top: 0px;
  background: #FFF;
}

#main-right{
  min-width: 750px;
//  width:expression(document.body.clientWidth < 750 ? "750px" : "100%" );
  margin: 0px 0px 0px 258px;
//  margin-left: 255px;
//  padding-left: 0px;
  min-height: 400px;
  background: #F5F5F5;
}

В html это используется так:

<div id="main-left">
  ... какой-то код ...
</div>
<div id="main-right">
  ... какой-то код ...
</div>

Чего хочу добиться из кода в общем должно быть понятно. Когда окно браузера становится меньше, установленной величины, а именно, правый див становится уже 750 пикселей, то его ширина должна стать равной именно 750 пикселей, иначе ширина правого дива 100%. Сжимаю окно браузера. Когда прохожу искомую ширину, в Опере и ФФ все работает, а в ИЕ правый див все-равно продолжает сужаться еще долго, пока, наконец не уезжает под левый. Что-то я туплю. Где я неправ?

[kost]

Привет! : )

[Silver]

kost, жгешь!

[hueweert]

Недавно стала учить это язык CSS и html ужас просто иногда так ,долго что-то догоняю...=)))) ну,надеюсь со временем это пройдет. =\

________________
лудшие стальные двери на выбор

[IceBerg]

Сообщение от Silver

kost, жгешь!

Не, он не жгёт, он здоровается. Просто я эту тему на еще одном небезызвестном форуме поднял вчера. Там он уже успел дать несколько советов, поэтому здесь не желает повторяться.

Добавлено через 3 часа 49 минут

Тема все также открыта
В другом форуме, несмотря на большое достаточно число ответов и советов, тема тоже не решена. Путем жутких изуверств над кодом, имею:

В css:

#cont{
width:100%;
float:left;
margin:0 auto;
}
#cont-levo{
width:229px;
padding-left:30px;
#width:259px;
#padding:0 30px 0 30px;
height:380;
float:left;
}
#cont-pravo{
min-width:700px;
#width:expression(document.body.clientWidth < 880 ? \"880px\" : \"auto\");
min-height:400px;
margin:1px 0 0 259px;
padding-left:0;
border:0px solid #000;
background:#F5F5F5 url('/images/template7/button01.jpg') 0 0 repeat-x;
}

В коде самой html-страницы так:

<div id='cont'>
<div id='cont-levo'>
... код ...
</div><!--/cont-levo-->

<div id='cont-pravo'>
... код ...
</div><!--/cont-pravo--><br class='clearer'>
</div><!--/cont-->


Комментарии после закрывающих дивов ставлю для наглядности, чтобы не забыть их закрыть и позже так их отыскать легче. Смысл в том, что ФФ и Опера чувствуют себя чудесно, но вот ИЕ... При сжимании окна уже назначенной ширины, полоса горизонтального скролла появляется, текст в павом блоке продолжает еще некоторое время сжиматься. Затем правый "резиновый" див преобретает, наконец указанную "минимальную" ширину, но уезжает вниз на величину, равную высоте левого блока. Я уже сломал себе голову . Где я неправ?

[kost]

Сообщение от IceBerg

Комментарии после закрывающих дивов ставлю для наглядности, чтобы не забыть их закрыть и позже так их отыскать легче.

Разумно, я тоже так стараюсь делать.

[zuart]

Вот ребят... вы уж извиняйте, НО!!! чего извращаетесь-то такими метолами? сомнительной совместимостью и т.д.????

Сколько сталкивался с такими же задачами (по ширине, по высоте там посложнее, но метода схожая) в 95% случаев все решается ЭЛЕМЕНТАРНЫМ куском кода...

img.min{display:block; width:750px; height:1px}

<div id="main-left">
<img class="min" src="null.gif">
... какой-то код ...
</div>
<div id="main-right">
<img class="min" src="null.gif">
... какой-то код ...
</div>

Или куда там надо поставить это добро... 1 пикс можно не только сверху выделить под "распорку", ее можно поместить в любом месте и я не ВЕРЮ, что нельзя найти ей место...

...и только не надо кричать, что все это прошлый век и т.д. - это работает, а вес картинки ничуть не больше, чем туева хуча доп. кода в CSS и неясность как оно себя поведет в разных браузерах

Добавлено через 4 минуты

ЗЫ. null.gif - это прозрачная картинка 1х1 пикс

[DStereo]

Добрый день. Вариант еще такой:

#container
{
	min-width:1000px; //Любая ширина в пикселях
        width:100%;
}

#main-left
{
	float:left;
	height:400px;
	width:250px;
}

#main-right
{
	background:#f5f5f5;
	min-height:400px;
	min-width:750px;
}

Сответственно код html такой:

	<div id="container">
		<div id="main-left">
			Какой-то текст...
		</div>
		<div id="main-right">
			Какой-то текст...
		</div>
	</div>

Но тут ширина #container четко описана. Лучше все время задавать определенные значения ширины и высоты для блоков. Так меньше проблем со сжатием и блоки не будут никуда плавать. Да и код понятней становится.

[IceBerg]

Сообщение от zuart

Вот ребят...

...и только не надо кричать, что все это прошлый век и т.д. - это работает, а вес картинки ничуть не больше, чем туева хуча доп. кода в CSS и неясность как оно себя поведет в разных браузерах

Добавлено через 4 минуты

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

Проблему удалось решить. Но сделать это пришлось так: экспрешен прописать в css для некоего класса. А затем весь код между тэгами <body> ... </body> обнести контейнером этого класса.

[Yoon]

Ни знаю, сколько я верстаю кроссбраузерной проблемы с IE не было т.к. IE поддерживает валидные хаки, (!important и т.д.). С Opera 8.5 у меня всегда проблемы т.к. сам браузер херово поддерживает стандарты, именно в 9 опере главным шагом была поддержка стандартов.