CSS не меняется постоянно - PullRequest
Новая
       26

CSS не меняется постоянно

0 голосов
/ 23 ноября 2011

Неясные вопросы, но я не знаю правильный вопрос, чтобы задать Google тоже.

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

Также: как мне подготовиться к тому, чтобы моя страница адаптировалась к разным размерам экрана? Есть ли способ заставить мой виджет держаться в одном месте? Кто-нибудь может указать мне правильное направление?

Спасибо 

.example_wrapper
{
    margin: 10px 20% 10px 20%;
    border-style: solid;
    border-width: 0px;
    height: 315px;

    border-radius: 20px;      
}

.example_container
{
    margin: 10px 0px 10px 3%;
    align: center;
    border-radius: 0px;
    height: 300px;
    overflow:auto;      
    background-image: url('img.png');
    background-repeat: no-repeat;
    background-position: center;
}

.example_textarea
{
    position: absolute;
    margin: 145px 30% 0 5%;
    align: left;
    overflow: hidden;
    height: 130px;


}

.twitter_block
{
   position: left;
   margin: 6px;
   height: 120px;
   width: 120px;
   align: left;
   float: left;


}



.twitter_pic
{
    position: center;
    margin: 1px 20% auto 20%;

}

.scale-image
{
height:73px;
width: 73px;


}

.twitter_link
{
position: none;
margin: 0px 100px auto 30px;
}

.twitter_half
{
margin: 0px;


}

.twitter_profile_pos
{
text-align: center;
margin: 0px 10px auto 17px;
font-weight: bold;

}

.twitter_profile_pos a
{
color: #043E6B;

}

1 Ответ

0 голосов
/ 23 ноября 2011

Это может быть какой-то вопрос прояснения или это может быть связано с вашими правилами позиции.

position:none, position:left и position:center не являются действительными правилами. Так что это не поможет с проблемами позиционирования.

position:absolute может нарушать ваш макет, если position:relative не применяется к родительскому элементу (в противном случае он позиционирует элемент относительно для всего документа, а не для конкретного элемента). Это может вызывать разрыв при изменении размера.

Если бы вы могли опубликовать свой соответствующий HTML, каждый должен иметь возможность его воссоздать. Или, что еще лучше, если вы разместите код на jsfiddle и разместите здесь ссылку, мы поможем решить ее еще быстрее !!

...