Как прятать div при масштабировании страницы?

MiHALbI4 · July 6, 2009

Дело в том, что есть сайт, заточенный под разрешение 1280. И при разрешении монитора 1024 он не влазит по бокам страницы и появляется горизонтальная полоса прокрутки, что не есть хорошо. Было решено сделать, чтобы самый левый div(там просто картинка в теге div) уходил за пределы экрана при разрешении 1024 и тогда все будет влезать. В картинке набросок. Красный блок должен уходить как бы за пределы экрана влево, а оранжевый нет. И конечно же никакой горизонтальной прокрутки не должно быть. Вот меня интересует вопрос как такое реализовать?

psywalker · July 6, 2009

друг, попробуй плясать от этой темы:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">

*{ margin: 0; padding: 0;}
body { min-width: 1000px;}
div.one { overflow: hidden; position: relative; height: 40px; }
div.two { position: absolute; width: 1200px; left: 50%; margin-left: -600px; height: 40px; background: red;  }
</style>
</head>

<body>
<div class="one"><div class="two">BLUEgfgdfg fgdfg fgsg dgd</div></div>
</body>
</html>

Edited July 6, 2009 by psywalker

Sign In

Как прятать div при масштабировании страницы?

Question

MiHALbI4

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information