标签: positioning

如果我的窗口向下滚动并向上移动窗口向上滚动,我想移动我的div？如何实施？

我喜欢这样做,如在indesign或Quark中...段落缩进...用于图片

如何在html和css中做到这一点的正确方法

我不希望文本围绕图像...我希望整个左侧部分受到保护,将图片放入边缘将会起作用...但是对于10-20-30像素(固定量(坏))

我尝试过负面定位..没有运气!

这是一个解释的小图像!

alt text http://produits-lemieux.com/indent.jpg

我有这个

<div id="container">
  <div id="div1"></div>
<div>

现在,让我们假设:

• "容器"的宽度为300px
• "容器"有溢出:隐藏;
• "div1"的宽度为1000px;
• "div1"是绝对定位的,top:0px,left:0px;

问题:

"div1"没有被隐藏,它溢出了"容器",但它仍然显示:(.

如果我只是删除"position:absolute"它将起作用.

如何隐藏"div1"的溢出？

我有一个div位置"relative"和float:left,但是当我滚动页面时,这个div就像位置"绝对"一样.当我移除位置"relative"时,div在滚动页面时正确移动.很多次我使用位置相对的div,以及父位内的其他div位置绝对.但这个问题我第一次看到它.这真的很奇怪.我尝试将DOC类型更改为"严格"但这不是对我好的解决方案.

假设您有一个非常简单的居中设计,在视口中居中的500px div margin: 0 auto;:

|<- auto -> +------  500px  -----+ <- auto ->|
|           |                    |           |
|           |                    |           |
|           |                    |           |
|           |                    |           |
|           |                    |           |
|           |                    |           |
|           |                    |           |
|           +--------------------+           | 

然后你想在左边添加一个小的nav元素

|<- auto -> +------  500px  -----+ <- auto ->|
|  +--------|                    |           |
|  | 200px  |                    |           |
|  |        |                    |           |
|  |        |                    |           |
|  |        |                    | …

我有一个div(位置:固定),具有不同的高度,具体取决于其中的内容.要为我添加overflow-y:auto并指定固定高度的自动滚动.

有没有办法自动设置div的高度,以便当浏览器空间更改时,div的高度会相应更改,如果没有足够的空间,滚动条会出现,当有足够的可用空间时滚动条消失.

嘿伙计们,我是一个完整的HTML和CSS noob,当他遇到问题时,他正在编写他的离线网站.

我有一个div,我使用绝对定位定位了几个元素.但是当我尝试定位输入字段时,它不会与其他文本垂直对齐.这是一个例子:

<div id="TopBar">
[...]
<h2 class="SubTitle" style="position:absolute; top:50px; left:75%;">Username: </h2>
<input type="text" name="username" style="display:inline; positon:absolute; top:50px; right: 5%;" />

当我运行此代码时,输​​入字段比"用户名:"大约30像素.为什么会这样,即使两者都有"顶级:50px"？

通过测试,我发现代码正常工作,没有div.这是为什么？

我知道我的编码非常糟糕,请向我解释我做错了什么.

这应该是微不足道的,但考虑到我为我的标记设置样式的粒度,我无法获得中心的内容

标记基本上是:

<div class = "rectangle" id = "login">
    <form>
     <!-- bunch of labels and corresponding input fields -->
    </form>
</div>

样式表基本上是:

.rectangle{ border:1px solid #ccc; width:500px; padding: 10px;}
#login{margin:auto;}
#login form {margin:auto;}

遗憾的是,这并没有使我的表格中的内容对齐.它们更靠近包含父元素(div类矩形)的左侧.我在这做错了什么？

如何过滤iFrame中出现的信息？

目前我的iframe atm中出现的是什么;

但我想过滤它;

？

CSS

.contain {
max-width:960px;
text-align:center;
}

.category {
position:relative;
display: inline-block;
float:left;
padding:10px;
}

.category2 {
position:relative;
display: inline-block;
pading:10px;
}
.category3 {
position:relative;
display: inline-block;
float:right;
margin-right:50%;
padding:10px;
}

HTML

        <div align="center" class="category">
        <img src="gemstoneshomebutton.png" />
        </div>
        <div align="center" class="category2">
        <img src="dichroichomebutton.png" />
        </div>
        <div align="center" class="category3">
        <img src="filigreehomebutton.png" />

</div>

我试图在容器div内对齐3个309像素宽,111像素高的图像,并且它们不对齐中心,并且第三个图像在另外两个图像下方跳跃.我试图调整容器的宽度和3个div,我已经尝试过表格并改变实际html的宽度但没有成功.

这是我第一次使用divs,我认为它们会更容易,也许我的数学在分配宽度时是关闭的,或者我只是将它构造成错误.![这里是我想要实现的一个例子,图中的三个类别.] http://i49.tinypic.com/2r2uqso.jpg

任何和所有的帮助将不胜感激.