min-width и body

strangerliquid · March 16, 2012

Хм есть блочный макет сайта, в нём есть html, body и #all но вот проблема, при изменении масштаба просмотра в браузере, и появлении горизонтальной полосы прокрутки, их ширина не увеличевается больше 100%, хотя как показывает firebug правило min-width:100%; работает

* {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
font-family:Arial;
vertical-align:baselinebaseline;
}
p, html, body, #all {
font-size:14px;
font-family:Arial;
line-height:1;
}

body, #all {
height:100%;
background:#fff;
color:#000;
min-width:100%;
}

вот CSS


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
</head>
<body>
<div id="all">
    <div id="site">
    </div><!--#site-->
    <div id="footer">
    </div><!--#footer-->
</div><!--#all-->
</body>
</html>

Вот html

подскажите в чем проблема?

alexandr_v-vich · March 16, 2012

У вас body - 100% от html. У html неопределенная длина. Вообще то, будет контент будет и увеличение и прокрутка.

min-width излишен.

Либо ситуацию полней разъясните (может быть и не излешен будет).

Edited March 16, 2012 by alexandr_v-vich

strangerliquid · March 16, 2012

On 3/16/2012 at 12:29 PM, alexandr_v-vich said:
У вас body - 100% от html. У html неопределенная длина. Вообще то, будет контент будет и увеличение и прокрутка.
min-width излишен.
Либо ситуацию полней разъясните (может быть и не излешен будет).

чтобы фон заполнял ту часть контента которая вылазит за пределы экрана при увеличении масштаба, таковы требования

alexandr_v-vich · March 16, 2012

Разрежьте фон до полоски с одним уголком (ну тоненькой такой) и ставьте ему repeat-y

Или у вас текст("RU") выходит за родительский элемент? Давайте полнее код тогда или ссылку

Edited March 16, 2012 by alexandr_v-vich

strangerliquid · March 17, 2012

On 3/16/2012 at 4:08 PM, alexandr_v-vich said:
Разрежьте фон до полоски с одним уголком (ну тоненькой такой) и ставьте ему repeat-y
Или у вас текст("RU") выходит за родительский элемент? Давайте полнее код тогда или ссылку

так и сделал, нет текст в нормальном виде не вылазит, это я специально изменил масштаб чтобы показать. Но требуют чтобы фон был даже в таком случае

alexandr_v-vich · March 17, 2012

strangerliquid, дайте код с проблемой. Вы написали пустой html, там нет проблем, там В общем ничего почти нет). Дайте ситуацию, когда проблема возникает. Здесь не в теории дело, где-то ошибка(в широком смысле), дадите код - поможем найти)

Sign In

min-width и body

Question

strangerliquid

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

alexandr_v-vich

Link to comment

Share on other sites

strangerliquid

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

strangerliquid

Link to comment

Share on other sites

alexandr_v-vich

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information