Здравствуйте!
Возникла необходимость сделать портфолио, решил показывать свои работы при помощи сайта. 
Взялся делать не имея опыта и представления, как все устроено и работает. Скрутил, спаял из уже имеющегося, меняя начинку. Благодаря Dreamweaver смог (что понятно было) сконструировать, что-то похожее на портфолио.

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

Возникли трудности в таких вещах:

1) Если разрешение монитора не большое (должно быть, как у меня 1680х1050) иначе все обрезается за рамки. Это еще можно повторить загрузив сайт и сузить одну или несколько сторон окна браузера, будет видно, как все содержимое исчезает (срезается). 
Условие: Обязательно нужно, если разрешение монитора не большое, то ничего не обрезается, сайт остается быть, как был, но в окне браузера появляются полосы прокрутки по горизонтали и вертикали (от случая). Сейчас края сайта автоматически адаптируются под разрешение монитора или окно браузера. Это красиво, но начинка сайта от этого страдает. Поэтому думаю лучше сделать одного определенного разрешения и пускай появляются полосы прокрутки, но зато все чисто и первоначально, никаких изменений.

2) Вторая основная проблема. Если открыть страницу "Галерея", то станет очевидно, во время загрузки картинки вначале выстраиваются в столбик во все свое (большое) разрешение, а потом уже приобретают положительный вид. Хочется этого избежать, сделать, чтобы картинки загружались красиво, срази в виде миниатюрок.

Вот прошу милости сюда: www.veresov.99k.org

Тестирую в основном в Opera, еще в Google Chrome и IE. гугл Хром и Опера работают схожим образом, а вот Эксплорер совершенно по своему. Хотелось бы, что бы на всех браузерах было максимально одинаково. Адаптировать, отрегулировать.

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

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

Спасибо!

Я взглянул код. Там построено на CSS с абсолютный позиционированием. Четстно говоря, не мой стиль. Поправить не смогу хорошо. А переписать по-моему - так ты потом ничего поменять не сможешь в Dreamweaver - все рухнет.

Кто хорошо знает CSS с абсолютный позиционированием - взгляните. Там код коротенький.

_Y_ - благодарю за ответ и подсказку.

Уважаемые администраторы, можно вас попросить перенести данную тему в раздел "Верстка сайтов".
Спасибо!

maskarad, я так думаю, что ширину body и right надо привести к одной системе измерения.

Спасибо за ответ!
Если вас не затруднит, можно подробнее?

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

maskarad, 
чтобы поправить легко в стиле для #right поменяй width: 1430px на width: 100%. У меня сразу всё стало на место. Если я что-то не заметил или на других страницах расходится - пиши.

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

Добавлено через 2 минуты и 52 секунды
Когда я пишу поменять, я имею в виду относительно того, что сейчас есть реально на сайте. То что в этой теме я не вдавался в подробности.

Proof: http://imgur.com/kjTBk.png

smartov, спасибо БОЛЬШОЕ. 



Вот это очень важно, нужно чтобы картинки вообще не вылезали за пределы, пускай лучше будут ползунки. Сейчас они вылезают вправо, как сделать, чтобы было также как и слева? Нужно добавить новый атрибут или нужен новый #right(left). Хоть какую-нибудь подсказочку-наводочку.

Ну никак не получается, зараза такая! Все уже изменил, что только можно было.

maskarad, сложно дебагать без исходного кода, но по идее надо тогда не right править на 100% как я предлагал выше, а right, content и height поставить width: 1430px.

Но видимо есть слишуом большое желание картинку прям никак не уменьшать нини. Я бы честно говоря сделал уменьшенную копию, а по клику уже открывал полный размер в отдельной вкладке. Как все делают. И сайт был бы нормального размера.

Вотъ исходники!

http://dl.dropbox.com/u/10877913/SITE.rar

Ты javascript-ом вставляешь блоки (минуты полторы думал что я с ума сошел, пока не догадался). А браузерр не делеает перерасчёт из-за особенностей верстки. Там все надо менять. Это не дело 5 минут. 

Эхххх! 

Кстати, когда javascript выносят в отдельный файл и потом подключают через script, то ему обычно дают расширение .js, а не .htm

Добавлено через 11 минут и 25 секунд
А на счет верстки. Если надо чтобы делался перерасчёт, то надо верстать соответственно. position:absolute были придуманы для статики. absolute означает, что позиция блока никогда не поменяется (по крайней мере самостоятельно). Поэтому такая верстка не подходит для случая вставки картинок очень разного размера, которые должны раздвигать или сдвигать блоки.

А если не надо раздвигать, то надо сверстать сначала без картинок статичный сайт широной 1430px и не выходить за неё уже.
Вот простейший пример такой вёрстки:

Как окно не трогай - ничего не сдвинется. Сверстать остальной контект внутри такого блока - дело уже техники. Но снова таки - просто перенести то, что у тебя есть в такой блок не сработает. 

Да и наворочено у тебя там, честно говоря многое только ради того, чтобы сделать сглаженные уголки работающими в IE  Может проще было JS под это дело заюзать? Вот например: http://davidwalsh.name/dw-content/curvy-corners.php
И не плясать с такой сложной вёрсткой.

Добавлено через 12 минут и 12 секунд
p.s. IE не поддерживает min-width, min-height

Во. Заморочился ради прикола даже 
Просто и сердито.



Присоединённый файл ( Кол-во скачиваний: 4 )
 example.rar 47,60 Kb

Вспомнил вот кстати. 

Для случаев когда размер контента превышал размер "дозволленного" окна раньше неплого подходил тег iframe. 

Почему-то он не часто использовался. Может это подходящее решение? Или тег этот имеет какие-то, неизвестные мне, серьезные недостатки?

Покайся пока не поздно!   

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

короче использовать для такого ифрейм, это как микроскопом дверь подпирать.