2014-08-30 3 views
0

Недавно я увидел сайт с блоком, выровненным по правому краю экрана (так что любое дополнительное пространство было слева от главного столбца. К сожалению, это был Wordpress, и все, что я могу найти, когда я ищу совместив шаблоны в блоге справа материал о правильных совместив фотографий.Blogger - Выравнивание всего шаблона справа от экрана?

Я полагаю, мог бы добавить отступы (проб и ошибок) на той стороне, чтобы поднять его поперек, но это не будет отображаться правильно на других компьютерах.

Моя боковая панель шириной 325, а основная колонка - 625, а слева - 240.

Я просто использую шаблон Simple в качестве базы. Я не знаю, что это сусло h время, которое потребуется, чтобы сделать это с нуля. Или что у меня есть навыки:. Области помощи Blogger практически прекращены.

Возможно ли это? Или есть другие идеи, которые могут работать на разных компьютерах/разрешениях?

ответ

0

Независимо от того, какой элемент вы хотите выровнять вправо, заключите его в div и заставьте его плавать вправо? Разве это не сработало бы?

... 
<div style="float:right"> 
    <div class='sidebar'>...</div> 
    <div class='main-column'>...</div> 
</div> 
... 
+0

Спасибо за ответ. Я пропустил его, но он все еще оставался налево. Я пробовал просто включать содержимое в заголовок, и то и другое содержимое в заголовке и теле, но без изменений в любом случае :(. Возможно, это потому, что я за всем шаблоном, который вызывает неперемещение? – skittle

+0

@skittle. Что говорит Anoop, правильно. Поскольку вы используете простой шаблон Blogger, CSS для него будет .content-outer {float: right;} Я настраиваю демо-блог с помощью простого шаблона, и он работал правильно, проверьте его здесь http://prayagverma.blogspot.com/ –

+0

Спасибо за ответ, Prayag. К сожалению, когда я добавил float: right;} в CSS, он ничего не сделал, чтобы изменить его слева. вы имели в виду вот так: .content-outer {float: right; } -moz-box-shadow: 0 0 $ (content.shadow.spread) rgba (0, 0, 0, .15); -webkit-box-shadow: 0 0 $ (content.shadow.spread.webkit) rgba (0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $ (content.shadow.spread.ie) # 333333; box-shadow: 0 0 $ (content.shadow.spread) rgba (0, 0, 0, .15); – skittle