画像付きの#slider
divがあります。その後、#content
テキストを持つ div があります。試してみposition:relative
たので、前のdivの後に来るはずだと思います#slider
が、ここではそうではありません。
ここで何が問題なのですか?それを克服する方法は?
HTML
<div id="slider">
<img src="http://oi43.tinypic.com/25k319l.jpg"/>
</div>
<div id="content">
<div id="text">
sample text
</div>
</div>
CSS
#slider {
position:absolute;
left:0;
height:400px;
}
#slider img {
width:100%;
}
#content {
position:relative;
}
#content #text {
position:relative;
width:950px;
height:215px;
color:red;
}