Тянем шаблон от 800 px до 1280 px

alkapone · April 11, 2008

Вобщем у меня задача такая, задать ширину дива от 800px до 1280px, все бы ничего, но не получается у меня сделать блок внутри дива таким, чтобы он изчезал при разрешении 800px, появлялся полностью при разрешении 1280px или появлялся частично при разрешении, например 1024px.

Блок стоит по середнине, между 4-мя блоками, которые никаким образом изменяться не должны.

maddogrts · April 11, 2008

нарисуйте что должно происходить, 2 картинки что будет при 800пх и при 1280 пх

alkapone · April 11, 2008

gangsta.nnov.ru/p/800.gif при разрешении 800px

gangsta.nnov.ru/p/1280.gif при разрешении 1280px

alkapone · April 11, 2008

если можно, то примеры сайтов хотяб покажите

Storm · April 11, 2008

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

alkapone · April 11, 2008

вот я и хотел спросить как это реализовать. С позишн:абсолюте такого не прокатит, потому как, если разрешение будет больше 1280, то блоки уедут далеко от того места, где им нужно быть... Покажите пожалуйста на примере, как это сделать

Storm · April 11, 2008

Вот, набросал.

Но в ИЕ работать не будет, так как не понимает он min-height, max-height.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
body {margin:0;}
#main {min-width:800px;width:auto !important;width:800px;max-width:1280px;background:green;position:relative;}
#left {width:50px;height:50px;background:gray;position:absolute;bottom:0;left:0;}
#right {width:50px;height:50px;background:gray;position:absolute;bottom:0;right:0;}
#text {position:relative;z-index:2;}
/*]]>*/
</style>
</head>

<body>
<div id="main">
<div id="left"></div>
<div id="right"></div>
<div id="text">sfgsdfsdf fg sdf sdf asdsadsd sadf asd</div>
</div>
</body>
</html>

alkapone · April 11, 2008

спасибо!

maddogrts · April 11, 2008

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

Sign In

Тянем шаблон от 800 px до 1280 px

Question

alkapone

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

maddogrts

Link to comment

Share on other sites

alkapone

Link to comment

Share on other sites

alkapone

Link to comment

Share on other sites

Storm

Link to comment

Share on other sites

alkapone

Link to comment

Share on other sites

Storm

Link to comment

Share on other sites

alkapone

Link to comment

Share on other sites

maddogrts

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information