도와주세요!div 안에 div를 유지하는 방법
이것은 내가 지금까지 가지고있는 것입니다 : http://beauxlent.com/nicole "one" "two"또는 "three"를 클릭하면 같은 페이지에있는 div로 이동합니다. 그러나, 나는 div가 올바른 div 안에 있고 여전히 #tags를 사용하는 동일한 페이지에 남아 있기를 바랍니다. 나는 전에 이것을 한 것을 보았다.
<style type="text/css">
{
padding: 0;
margin: 0;
}
body {
text-align: justify;
overflow: hidden;
background: #F8F8F8;
font: -blocked- arial;
}
table, p {
display: none;
}
div {
width: 100%;
}
.container {width: 800px; display:block; margin:0px auto}
.left {width:200px; float:left; background: #eee; display:block; height:200px;
line- height:2}
.right {width:600px; float:right; background: #808080; display:block; height: 200px;
line-height:2; }
#o {position:absolute; right: 2000px;}
.blog {
background: 0;
position: absolute;
top: 150px;
left: 500px;
width: 290px;
height: 140px;
}
#omg {
z-index: 7;
position: absolute;
top: 1000px;
right: 0;
color: #000;
height: 1000px;
}
#plz {
z-index: 7;
position: absolute;
top: 9000px;
right: 0;
color: #000;
height: 9000px;
}
}
#nande a:hover {
color: #000;
}
#nande {
z-index: 7;
position: absolute;
top: 7000px;
right: 0;
color: #000;
height: 1000px;
}
body, table {
color: #fff;
}
font, table, tr, td, br, p {
font: -blocked- franklin gothic medium;
color: #fff;
}
#content {
width: 100%;
}
#main, #content {
border: 0px none;
background: #fff;
}
}
.framed {
background: #fff;
padding: 5px;
overflow: auto;
position: absolute;
top: 20px;
left: 0px;
}
</style>
<div id="boxed">
<div class="container">
<div class="left">
<a href="#uno" class="big">1</a>
<a href="#dos" class="big">2</a>
<a href="#tres" class="big">3</a>
</div>
<div class="right">
<div id="omg">
<a name="uno"></a>
<div class="framed">
one
</div>
</div>
<div id="nande">
<a name="dos"></a>
<div class="framed">
two
</div>
</div>
<div id="plz">
<a name="tres"></a>
<div class="framed">
three
</div>
</div>
</div>
포함하고 난 화면에 머물 왼쪽 사이드 바 싶습니다. 지금은 머무르지 않고 화면에서 사라집니다. –
성취하고자하는 것을 보여줄 수 있습니까? 사용자가 링크를 클릭 할 때 각 div (#omg #nande #plz)의 내용이 #right div 내에 표시되기를 원한다고 가정합니다. Javascript/jQuery가 여러분의 친구가 될 것입니다.하지만 숨기거나 보여주고 싶은 div에 고유 한 id/class를 추가해야합니다. –