我有3个div在我的页面上的画廊页面我正在建设,我需要居中的' center‘div,以便它的中心在任何屏幕上的div浮动左和右两边。左边和中间的div似乎工作得很好,并且彼此一致,但我的右边浮动div的位置比其他2低。
为什么会发生这种情况?
HTML
<div id="left">
IM ON THE LEFT
</div>
<div id="middle">
I AM IN THE MIDDLE
</div>
<div id="right">
THIS IS ON
我有一个居中的DIV,它恰好(永远不会多或少) 900px。我希望它总是居中,并有两个填充div来填充页面的每一边的其余部分…
给内容下面(使用z索引)一个突出显示的类型效果...(这是使用填充符divs...to显示在“聚光灯”内容的两边都有其他内容,但它不在“聚光灯”之下。
下面的代码没有WORK...BUT IT让你感觉到我正在尝试做什么
CSS:
/* DIV I WANT TO BE CENTERED, SURROUNDED BY 50% OPACITY DIVS FILLING REST OF PAGE */
.shadercentered {
width:950px;
mar
我需要有一个div,它的内容总是相对于屏幕居中,但我也有其他的div在我想要居中的左侧。如果我只是将" center“div的内容居中,它将相对于div宽度居中,而不是屏幕。
我尝试过的
我想要的是这样的东西..。
| true center |
|left div| centered D |
|longer left div| center
页面结构:
div#help
-- div
-- ul
-- li
-- li
-- div
-- ul
-- li
-- li
-- div.message_shower
-- p /*small `x` for close button*/
-- div.content
每当单击任何列表项<li>时,都会打开具有某些文本的div.message_shower。
(您可以忽略JS和HTML选项卡)
问题:--我想把div.message_shower放在屏幕的中间,无论是水平的还是垂直的。即使在使用百分比单位后,它也不起作用
就像标题中所说的那样,我想在屏幕中间对一些框(比如说登录框)进行居中。在此框下,我想显示其他几个框(附加信息/免责声明等)。
编辑:更准确地说:居中登录框,必须是垂直和水平居中,并停留在那里。附加框应该出现在居中的登录框下面。
做这件事最简单的方法是什么?
HTML:
<div id="centeredBox">
I am centered and have some undefined size (cause I could display some image
</div>
<div id="underCenteredBox