1
지역 서커스 웹 사이트를 업데이트 중이며 바닥 글은 페이지 하단에 머물고 싶지 않습니다. 화면 하단에 고정시키지 않고 바닥 글이 있어야하는 내용의 맨 아래로 스크롤 할 때 사용합니다. 또한 div 오른쪽 반투명 검정색 배경으로 나머지 공간을 채우기 위해 노력하고있어. 사이트는 http://sdrv.ms/18Njjnw처럼 보이지만 대신 http://sdrv.ms/17PkpdR처럼 보입니다. 사전에 도움을 주셔서 감사합니다.페이지 div 중간에 바닥 글이 고착되지 않음 화면이 남아 있음
<body>
<div id="body">
<a href="index.html" ><img id="logo" src="images/logo.png" alt="circus logo" /></a>
<div id="buttons" >
<div class="opa"><a class="buttons" href="circus.html"> Circus </a></div>
<div id="currentPage" class="opa"> <a class="buttons" href="tickets.html"> Tickets </a></div>
<div class="opa"><a class="buttons" href="performers.html"> Performers </a></div>
<div class="opa"><a class="buttons" href="band.html"> Circus City Band </a></div>
<div class="opa"><a class="buttons" href="festival.html"> Circus City Festival </a></div>
<div class="opa"><a class="buttons" href="calendar.html"> Calendar </a></div>
<div class="opa"><a class="buttons" href="about.html"> About </a></div>
<div class="opa"><a class="buttons" href="forms.html"> Forms </a></div>
</div>
<div id="contentContain" >
<div id="paragraph">
<h1> Order Tickets
</h1>
<p>
Performance Dates
<br />
Family Night:<br />
Friday, July 12, 2013 - 7 p.m.<br />
General admission seating - $5.00<br />
Tickets go on sale the day of show!<br />
<br />
Regular Performances:<br />
Saturday, July 13 - 2 p.m. & 7 p.m. <br />
Sunday, July 14 - 3 p.m. <br />
Monday - Friday, July 15-19 - 7 p.m. <br />
Saturday, July 20 - 2 p.m. & 7 p.m. <br />
<br />
Order Online, at the Box Office, or by calling us at 765.472.3918
rom the barn to the big top, Circus has<br /> been a part of Peru, Indiana for over 100 years. Exp<br />erience a walk through Peru's circus history at the Circus City Museum. This popular Museum, locat<br />ed in the Circus City Center, is filled with photos,<br /> miniatures, displays, and costumes from circus past. The museum is open Monday through Friday, A<br />pril through September from 9 am to 5 pm and October throu<br />gh March 9 am to 4 pm. During circus week enjoy<br /> the many circus wagons displayed outs<br />ide the museum as well as extended hours before and after each circus performance. Admission is by <br />donation only. Group tours can be scheduled<br /> by contacting the Circus office at 765-472-3918.
Monetary and ar<br />tifact donations are accepte<br />d and greatly appreciated.
For monetary donations se<br />nd check or Mon<br />ey order to:
Circus City Museum
C/O Circus City Fest<br />ival Inc.
154 N. Broadway
Peru Indiana.
<br /><br />
Circus artifacts can al<br />so be mailed, delivered, or picked up.
Contact the Circus City Fes<br /><br />tivals office at 765-472-3918 for more details.
Circus City Gift Shop<br />
Complete your “Big Top” ex<br /><br />perience with a souvenir from our Circus City Gift Shop! Memorabilia such as post cards, t-shirts, hats, toys, and more are <br />available for purchase. The gift shop is located in the <br />Circus City Center and is open to the public Monday through Friday, <br />April through September from 9 am to 5 pm and October through March from 9 am to 4 pm.<br /> Proceeds are used to support Circus City Festivals, Inc. <br />and the Peru Amateur Youth Circus program.
</p>
<div id="ticketsbut" ><a id="order" href="http://sa1.seatadvisor.com/sabo/servlets/EventSearch?presenter=CIRCUSCITY">Place Ticket Order </a></div>
</div>
<div id="content"> </div>
</div>
<a href="http://www.firstbankofberne.com/"><img id="bank" src="images/bank.png" /></a>
<div id="footer" >
<p id="foottext"> Circus City Festival, Inc. • 154 North Broadway • Peru, IN 46970 • (765) 472-3918 • Fax:(765) 472-2826 • [email protected] </p>
</div>
</div>
</body>
</html>
</html>
body{
margin:0px;
padding:0px;
}
html{
}
div.sidebar{
background-color:black;
width:35%;
min-width:430px;
filter: alpha(opacity=50);
opacity: .5;
}
#body{
position:relative;
min-height:100%;
min-width:100%
}
#foottext{
}
#contentContain{
position:absolute;
top:0px;
left:430px;
height:auto;
z-index:1000;
color:white;
}
#content{
position:absolute;
top:0px;
left:0px;
width:100%;
background-color:black;
filter: alpha(opacity=50);
opacity: .5;
height:100%;
z-index:-1;
}
#paragraph{
text-align:center;
}
#sideBarContainer{
height:100%;
}
#logo{
width:420px;
z-index:1000;
}
#footer{
background-color:black;
width:100%;
height:35px;
position:absolute;
bottom:0px;
left:0px;
text-align:center;
color: white;
z-index:1000;
}
a.buttons{
display:block;
text-decoration:none;
color:white;
height:35px;
line-height:35px;
text-align:center;
font-family: Lucida Bright;
vertical-align:middle;
}
#currentPage{
background-color:black;
filter: alpha(opacity=50);
opacity: .5;
}
#currentPage:hover{
filter: alpha(opacity=100);
opacity: 100;
}
a.buttons:hover{
background-color:black;
filter: alpha(opacity=100);
opacity: 100;
}
#buttons{
width:430px;
}
#bank{
position:absolute;
left:0px;
bottom:35px;
}
위치 태그를 가져야하는 본문 div 태그가 있습니다. #body { 직위 : 상대적; 최소 높이 : 100 %; 최소 너비 : 100 % } 또한 "모든 것을 꺼내십시오"는 의미는 무엇입니까? –
상대 위치가 선언 된 상태로 컨테이너 div를 본문에 넣습니다. 문제의 원인이 될 수있는 높이/너비 선언 높이를 제거하십시오. 내가 "모든 것을 풀다"라고 말하면 코드에서 빼내어 인라인으로 코드를 작성하는 것입니다.이 시점에서 너무 많은 작업을하지만 절대 위치 지정으로 모든 것을 코딩하는 것이 최선의 방법은 아닙니다 – hendr1x
무슨 뜻입니까? "제한된 브라우저 지원"으로? 모바일 브라우저를 언급하고 있습니까? – Ryan