Привет!
Есть несколько вопросов по верстке в див-ах, буду рад помощи:
1.Есть 2 див а, в одном меню, в другом контекст. Как можно поставить их рядом,но без абсолютного позиционирования?
2.Как можно сделать чтоб эти самые дивы меняли размеры в соответствии с размерами окна, а именно один див оставался без изменений а другой  закрывал остальную часть страницы?
3.как можно в CSS скажем изображение поставить в центр див-а (как <center></center> в HTML)?

Я конечно могу все это сделать как нибудь  вручную, с помощю JS или еще чего, но уверен что css дает такую возможность!

NNaarreekk, 
чтобы один див был справа используйте свойство CSS: 

Чтобы скажем див меню был фисированной ширины что слева: задайте ему размер с помощью CSS свойства: 
а второму неуказывайте размер ширины и он займет все пространство родительского элемента, если родительский элемет (тег): body -тогда до края окна (по ширине) браузера.

изображение можно поместить в центр, например задав диву (div) свойство CSS: 


Надеюсь я правильно понял Вашу задачу

Это сообщение отредактировал(а) Forsaken - 8.2.2009, 16:05

Работает тока в IE.


Можно пример, а то я не понял как это реализовать?

Можешь написать пример, что рядом были 2 дива, один зеленный с шириной 250px и высотой 100% и рядом красный див ширина все остальное место и высота тоже 100%?
Буду очень благодарен!

http://www.htmlbook.ru/css/text-align.html
Применять можно непосредственно к <img> который в нутри блока
(поже еще напишу про float)

Здесь ничего не нашел про img, сам проверил не сработало.


Оба этих варианта не работает.
Ты использовал этот метод?

NNaarreekk, 


проверил на
Firefox 3.x, Opera 10, IE 6, Safari 3.1, Google Chrome (All)

Используйте двойные кавычки  для атрибутов
Иногда может понадобится для блоков конструкция типа: margin-left:auto; margin-right:auto (например чтобы отцентрировать весь документ... и т.д.)

Приду, сейчас напишу про float

Это сообщение отредактировал(а) Forsaken - 8.2.2009, 18:57

Это работает только в IE.

NNaarreekk, 
лично проверил в Firefox 2.2, Firefox 3.x, Opera 9.6, Opera 10, IE 6, Safari 3.1, Google Chrome (All), NN 8.1.2
У меня все работает.

Если применить text-align для img то это будет действовать только в потоке текста.

Работает но в IE6 есть баг визуализации, обойти можно задав margin-right для блока слева отрецательным в три пиксела так:


Это сообщение отредактировал(а) Forsaken - 8.2.2009, 21:56

Forsaken, Спасибо, то что надо!

А для text-align все-таки появляются неточности, но не могу сейчас найти (у меня на нескольких сайтах возникала эта проблема!)

NNaarreekk, 
про баг в IE6 всеже почитайте чтонибудь.. может возникнуть проблема и с отрицатльным отступом..

Что касается text-align -то  если не выйдет кидайте сюда конкретный код.. так будет проще

Короче чтобы избежать всех багов в ie6 сделайте так лучше:


Если в документе не указать DOCTYPE, то данный отступ будет иметь место и в IE 7

Если ктонить знает как это решить лучше на этом примере отпишите сюда!

Это сообщение отредактировал(а) Forsaken - 9.2.2009, 09:13

Forsaken, 
не совсем правильно
Вы ограничили блоки по высоте. Если уберете в левом блоке бэкграунд, то увидите что правый блок будет под левым, поэтому там не нужно ставить width:100%. У правого блока поставить margin-left на ширину левого блока. Да и для ие6 не нужно ничего делать.

Violator, 
Да width:100% это избыточное свойство.
Только с margin-left:250px для правого блока невыходт -вот пример:

Проблема в ie6 остается..

Forsaken, 
какая проблема?