Резиновые Элементы c обрезанием при min-width

Mysticismm · April 20, 2010

http://i065.radikal.ru/1004/12/71658cbf1ec5.jpg

Во общем задача такая есть два блока с картинками к примеру серые квадраты.

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

Изменяюсь если криво описываю задачу но чето ваше ни каких идей уже нет как это сверстать.

maddogrts · April 22, 2010

http://i065.radikal.ru/1004/12/71658cbf1ec5.jpg
Во общем задача такая есть два блока с картинками к примеру серые квадраты.
если разрешение к примеру 2500 то блоки должны разбежаться по краям а при 1024 должны почти все прятаться.красными линиями очерчено примерно как должно выглядеть на 1024.
Изменяюсь если криво описываю задачу но чето ваше ни каких идей уже нет как это сверстать.

Может задать им процентную ширину? Или JS отслеживать ширину окна и присваивать им различную ширину.

Justnewone · April 22, 2010

Предположу, а что если их прям на картинке сохранить? Кажется, чуть поменьше даже весить будет. а на их место в аккурат потом 2 бесцветных дива расположить. Если по высоте не резина, конечно.

Mysticismm · April 26, 2010

Может задать им процентную ширину? Или JS отслеживать ширину окна и присваивать им различную ширину.

Не в процах нельзя потому что бока не будут обрезаться и сами картинки очень здоровые. примерно 600пх в ширину один и второй 700пх.

примерно надо как то так надо


<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Главная</title>
<style type="text/css">
* {
margin:0; padding:0;}
#outside-fixed  {
height:100%;
min-height:100%;
}

#outside-fixed {
min-width:1000px;
overflow-x:hidden;
}

#outside  {
background:url(../images/right_island.jpg) no-repeat scroll 100% 100% transparent;
font-size:1.1em;
}

#outside {
margin-bottom:-104px;
}

#outside {
min-height:100%;
}

#outside {
margin-left:23px;
min-width:1160px;
height:800px;
}
</style>
</head>
<body>


<div id="outside-fixed">
<div class="clearfix" id="outside">
 wedr
</div>
</div>
</body>
</html>

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

Предположу, а что если их прям на картинке сохранить? Кажется, чуть поменьше даже весить будет. а на их место в аккурат потом 2 бесцветных дива расположить. Если по высоте не резина, конечно.

по высоте резина и блоки должны разбежаться если ширина монитора позволяет...эхххх

в этом вся трабла что должные ездить по бокам и если не хватает места должны зарезаться и таких блоков у меня 4

Edited April 26, 2010 by Mysticismm

Sign In

Резиновые Элементы c обрезанием при min-width

Question

Mysticismm

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

maddogrts

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Mysticismm

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information