Blogger - 将整个模板对齐到屏幕右侧?

问题描述:

我最近看到一个网站将博客与屏幕的右侧对齐(所以任何额外的空间都在主列的左侧。不幸的是,它是Wordpress,而我在搜索时似乎找到了所有的东西对准博客模板右边是基本正确对齐图片的东西。Blogger - 将整个模板对齐到屏幕右侧?

我想可以在那一侧添加填充物(试错)碰到它跨越,但不会在其他计算机上正确显示。

我的侧边栏宽度为325,主栏为625,左边为〜240左右。

我只是使用简单模板作为基础,我不知道它是麦芽汁h从头开始需要花费的时间。或者我有技能:。 Blogger的帮助区域实际上已被放弃。

这可能吗?还是有其他想法可以在不同的计算机/分辨率下工作吗?

无论你想对齐到右边的任何元素,将它包含在一个div中,并使其正确地浮动?这不工作吗?

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

感谢您的回复。我放弃了它,但仍然保持左对齐。 我试着在头文件中包含内容,然后都是头文件和正文中的内容,但是没有任何变化:(。 也许是因为我在整个模板之后导致非移动? – skittle 2014-08-30 09:47:19

+0

@skittle Anoop说的是正确的。当你使用一个简单的Blogger模板时,它的CSS将为 .content-outer {float:right;} 我设置了一个简单模板的演示博客,它工作正常正确的,在这里检查http://prayagverma.blogspot.com/ – 2014-09-07 14:48:11

+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 2014-09-09 11:22:22