0
현재 웹 사이트를 대체 할 ASP 웹 사이트가 있습니다. 로컬로로드되면 웹 사이트가 제대로 표시되지만 온라인으로로드 될 때 제대로 표시되지 않습니다. 지역 부하에서ASP.NET 테이블이 제대로 표시되지 않습니다.
이미지 : 온라인로드에서
/images/local.jpg
이미지 :
/images/online.jpg
모두 렌더링 사이의 코드는 정확히 동일하며에서 찾을 수 있습니다
/pages/calendar.aspx
위의 세 확장은 모두 루트 웹 사이트에서 찾을 수 있습니다. http://troop7bhac.com/troop7/
나는 여백, 패딩, 너비, 크기를 다루는 거의 모든 CSS 속성을 조정 해 보았습니다.
다음은 페이지에 사용 된 코드의 사본입니다.
<%@ Page language="VB" masterpagefile="Troop7.master" title="Troop 7: Calendar" %>
<%@ Import namespace="System.Data" %>
<%@ Import namespace="System.Data.SqlClient" %>
<asp:Content id="Content1" runat="server" contentplaceholderid="content">
<form id="form1" runat="server">
<asp:Table id="mainTable" runat="server">
<asp:TableRow>
<asp:TableCell>
<asp:Calendar id="eventCalendar" runat="server" BackColor="White" BorderColor="Black" DayNameFormat="Shortest" Font-Names="Times New Roman" Font-Size="20pt" ForeColor="Black" NextPrevFormat="FullMonth" FirstDayOfWeek="Sunday" ShowGridLines="True" OnDayRender="eventCalendar_DayRender" Width="487.5px" Height="500px" SelectionMode="None" Font-Bold="True">
<DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="15pt" ForeColor="#333333" Height="10px" />
<DayStyle Width="14%" />
<NextPrevStyle Font-Size="10pt" ForeColor="White" />
<OtherMonthDayStyle ForeColor="#999999" BackColor="Black" />
<SelectedDayStyle BackColor="#CC3333" ForeColor="White" />
<SelectorStyle BackColor="#CCCCCC" Font-Bold="True" Font-Names="Verdana" Font-Size="10pt" ForeColor="#333333" Width="1%" />
<TitleStyle BackColor="Black" Font-Bold="True" Font-Size="15pt" ForeColor="White" Height="15pt" />
<TodayDayStyle BackColor="#CCCC99" />
</asp:Calendar>
</asp:TableCell>
<asp:TableCell>
<asp:Label id="eventLabel" runat="server" Font-Size="15pt" Text="Label" Width="500px"></asp:Label>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
<asp:SqlDataSource id="eventDatabase" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString1 %>" ProviderName="<%$ ConnectionStrings:ConnectionString1.ProviderName %>" SelectCommand="SELECT * FROM Dates">
</asp:SqlDataSource>
</form>
</asp:Content>
<asp:Content id="Content2" runat="server" contentplaceholderid="head">
<style type="text/css">
#mainTable {
width: 1000px;
}
</style>
<script runat="server">
Protected dsEvents As DataSet
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Not IsPostBack Then
eventCalendar.VisibleDate = DateTime.Today
FillEventDataset()
End If
End Sub
Protected Sub FillEventDataset()
Dim firstDate As New DateTime(eventCalendar.VisibleDate.Year, eventCalendar.VisibleDate.Month, 1)
Dim lastDate As DateTime = GetFirstDayOfNextMonth()
dsEvents = GetCurrentMonthData(firstDate, lastDate)
End Sub
Protected Function GetFirstDayOfNextMonth() As DateTime
Dim monthNumber, yearNumber As Integer
If eventCalendar.VisibleDate.Month = 12 Then
monthNumber = 1
yearNumber = eventCalendar.VisibleDate.Year + 1
Else
monthNumber = eventCalendar.VisibleDate.Month + 1
yearNumber = eventCalendar.VisibleDate.Year
End If
Dim lastDate As New DateTime(yearNumber, monthNumber, 1)
Return lastDate
End Function
Protected Sub eventCalendar_VisibleMonthChanged(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.MonthChangedEventArgs) Handles eventCalendar.VisibleMonthChanged
FillEventDataset()
End Sub
Function GetCurrentMonthData(ByVal firstDate As DateTime, ByVal lastDate As DateTime) As DataSet
Dim dsMonth As New DataSet
Dim cs As ConnectionStringSettings
cs = ConfigurationManager.ConnectionStrings("ConnectionString1")
Dim connString As String = cs.ConnectionString
Dim dbConnection As New SqlConnection(connString)
Dim query As String
query = "SELECT StartDate, EndDate, EventName, Troop FROM EventList WHERE (StartDate >= @firstDate AND StartDate < @lastDate) OR (EndDate >= @firstDate AND EndDate < @lastDate) ORDER BY StartDate"
Dim dbCommand As New SqlCommand(query, dbConnection)
dbCommand.Parameters.Add(New SqlParameter("@firstDate", firstDate))
dbCommand.Parameters.Add(New SqlParameter("@lastDate", lastDate))
Dim sqlDataAdapter As New SqlDataAdapter(dbCommand)
Try
sqlDataAdapter.Fill(dsMonth)
Catch
End Try
Return dsMonth
End Function
Protected Sub eventCalendar_DayRender(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DayRenderEventArgs) Handles eventCalendar.DayRender
Dim nextDate As DateTime
If Not dsEvents Is Nothing Then
eventLabel.text = ""
For Each dr As DataRow In dsEvents.Tables(0).Rows
Dim temp as String = ""
If (CType(dr("StartDate"), DateTime) = CType(dr("EndDate"), DateTime))
temp = CType(dr("StartDate"), DateTime) + " " + CType(dr("EventName"), String)
Else
temp = CType(dr("StartDate"), DateTime) + " to " + CType(dr("EndDate"), DateTime) + " " + CType(dr("EventName"), String)
End If
If (CType(dr("Troop"), Boolean) = True)
temp = "<b>" + temp + "</b><br>"
Else
temp = temp + "<br>"
End If
eventLabel.text += temp
nextDate = CType(dr("StartDate"), DateTime)
If nextDate = e.Day.Date Then
e.Cell.BackColor = System.Drawing.Color.Green
End If
Next
End If
End Sub
</script>
</asp:Content>
다음은 렌더링 후의 코드 사본입니다.
<!DOCTYPE html>
<html dir="ltr">
<head><meta content="en-us" http-equiv="Content-Language" /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><title>
Troop 7: Calendar
</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
body {
width: 1075px;
border-right-style: solid;
border-right-width: 1px;
border-right-color: black;
border-left-style: solid;
border-left-width: 1px;
border-left-color: black;
position: relative;
background-color: rgb(240, 230, 140);
margin: 0 auto 0 auto;
min-height: 100%;
}
html {
height: 100%;
}
#navigation ul {
list-style-type: none;
padding-top: 9px;
}
#navigation ul li {
float: left;
position: relative;
}
#navigation ul li ul {
border: 2px solid #88B4E4;
background-color: #AAD4FE;
display: none;
padding: 5px;
font-size: 13pt;
top: 32px;
}
#navigation ul li:hover ul {
display: block;
position: absolute;
}
#navigation ul li ul li a {
text-align: center;
display: block;
width: 100px;
padding: 5px;
}
#homeLogo {
text-decoration: none;
border: 0px;
}
#shoulder {
text-decoration: none;
border: 0px;
}
#address {
font-size: 10pt;
text-align: center;
border-top-style: solid;
border-top-width: 1px;
border-top-color: black;
padding-top: 5px;
padding-bottom: 5px;
bottom: 0px;
width: 100%;
position: absolute;
background-color: rgb(240, 230, 140);
}
#masterContent {
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: black;
height: 177px;
background-color: rgb(240, 230, 140);
}
#placeHolder {
padding-top: 25px;
padding-bottom: 50px;
margin-left: auto;
margin-right: auto;
width: 1025px;
text-align: justify;
}
#placeHolder p {
font-size: 50pt;
text-align: center;
vertical-align: middle;
font-weight: bold;
}
#bottomLine {
font-size: 70pt;
line-height: 111px;
}
#topLine {
font-size: 15pt;
}
</style>
<meta content="Boy, Scouts, Scout, America, Penjahame, District, Black, Hills, Area, Council, Troop, Troop 7, Troop Seven" name="keywords" /><meta content="Troop 7 Master Template Page" name="description" />
<script type="text/javascript">
<!--
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) {doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// -->
</script>
<style type="text/css">
#mainTable {
width: 1000px;
}
</style>
</head>
<body onload="FP_preloadImgs(/*url*/'../Images/button132.gif',/*url*/'../Images/button133.gif',/*url*/'../Images/button135.gif',/*url*/'../Images/button136.gif',/*url*/'../Images/button139.gif',/*url*/'../Images/button13A.gif',/*url*/'../Images/button13C.gif',/*url*/'../Images/button13D.gif',/*url*/'../Images/button13F.gif',/*url*/'../Images/button140.gif',/*url*/'../Images/button142.gif',/*url*/'../Images/button143.gif',/*url*/'../Images/button145.gif',/*url*/'../Images/button146.gif',/*url*/'../Images/button14B.gif',/*url*/'../Images/button14C.gif',/*url*/'../Images/button166.gif',/*url*/'../Images/button167.gif')">
<div id="ctl00_masterContent">
<p><a href="Home.aspx">
<img id="homeLogo" alt="Boy Scouts of America Logo" height="175" longdesc="Boy Scouts of America Logo" src="../Images/BSALogoOriginal.png" style="float: left" width="175"></a><strong>
<span id="topLine">Boy Scouts of America Penjahame District Black
Hills Area Council</span><a href="http://blackhillsareacouncil.com/" target="_blank"><img id="shoulder" alt="Red, White, and Blue Shoulder Patches" height="142" longdesc="Red, White, and Blue Boy Scouts of America 100th Anniversary Black Hills Area Council Shoulder Patches" src="../Images/shoulder.png" style="float: right" width="108px"></a><br class="auto-style1">
<span id="bottomLine"> Troop 7</span><br></strong></p>
<div id="navigation">
<ul>
<li><a href="Home.aspx">
<img id="img9" alt="Home" fp-style="fp-btn: Metal Tab 1; fp-transparent: 1" fp-title="Home" height="33" onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'../Images/button167.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'../Images/button165.gif')" onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'../Images/button166.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'../Images/button166.gif')" src="../Images/button165.gif" style="border: 0" width="100"></a>
</li>
<li>
<img id="img1" alt="Scout" fp-style="fp-btn: Metal Tab 1; fp-transparent: 1" fp-title="Scout" height="33" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'../Images/button133.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'../Images/button131.gif')" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'../Images/button132.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'../Images/button132.gif')" src="../Images/button131.gif" style="border: 0" width="100">
<ul>
<li><a href="Mission.aspx">Mission</a></li>
<li><a href="#">Legacy</a></li>
<li><a href="#">Motto</a></li>
<li><a href="#">Oath</a></li>
<li><a href="#">Law</a></li>
<li><a href="#">Slogan</a></li>
<li><a href="#">Outdoor Code</a></li>
</ul>
</li>
<li>
<img id="img2" alt="Troop 7" fp-style="fp-btn: Metal Tab 1; fp-transparent: 1" fp-title="Troop 7" height="33" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'../Images/button136.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'../Images/button134.gif')" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'../Images/button135.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'../Images/button135.gif')" src="../Images/button134.gif" style="border: 0" width="100">
<ul>
<li><a href="#">History</a></li>
<li><a href="#">Meetings</a></li>
<li><a href="#">Charter Organization</a></li>
<li><a href="#">Fundraisers</a></li>
<li><a href="#">Service Projects</a></li>
</ul>
</li>
<li><a href="Calendar.aspx">
<img id="img3" alt="Calendar" fp-style="fp-btn: Metal Tab 1; fp-transparent: 1" fp-title="Calendar" height="33" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'../Images/button13A.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'../Images/button138.gif')" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'../Images/button139.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'../Images/button139.gif')" src="../Images/button138.gif" style="border: 0" width="100"></a>
</li>
<li>
<img id="img4" alt="Eagles" fp-style="fp-btn: Metal Tab 1; fp-transparent: 1" fp-title="Eagles" height="33" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'../Images/button13D.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'../Images/button13B.gif')" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'../Images/button13C.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'../Images/button13C.gif')" src="../Images/button13B.gif" style="border: 0" width="100">
</li>
<li>
<img id="img5" alt="Photos" fp-style="fp-btn: Metal Tab 1; fp-transparent: 1" fp-title="Photos" height="33" onmousedown="FP_swapImg(1,0,/*id*/'img5',/*url*/'../Images/button140.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img5',/*url*/'../Images/button13E.gif')" onmouseover="FP_swapImg(1,0,/*id*/'img5',/*url*/'../Images/button13F.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img5',/*url*/'../Images/button13F.gif')" src="../Images/button13E.gif" style="border: 0" width="100">
</li>
<li>
<img id="img6" alt="Archives" fp-style="fp-btn: Metal Tab 1; fp-transparent: 1" fp-title="Archives" height="33" onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'../Images/button143.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'../Images/button141.gif')" onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'../Images/button142.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'../Images/button142.gif')" src="../Images/button141.gif" style="border: 0" width="100">
</li>
<li>
<img id="img7" alt="Contact Us" fp-style="fp-btn: Metal Tab 1; fp-transparent: 1" fp-title="Contact Us" height="33" onmousedown="FP_swapImg(1,0,/*id*/'img7',/*url*/'../Images/button146.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img7',/*url*/'../Images/button144.gif')" onmouseover="FP_swapImg(1,0,/*id*/'img7',/*url*/'../Images/button145.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img7',/*url*/'../Images/button145.gif')" src="../Images/button144.gif" style="border: 0" width="100">
</li>
<li>
<img id="img8" alt="Links" fp-style="fp-btn: Metal Tab 1; fp-transparent: 1" fp-title="Links" height="33" onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'../Images/button14C.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'../Images/button14A.gif')" onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'../Images/button14B.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'../Images/button14B.gif')" src="../Images/button14A.gif" style="border: 0" width="100"></li>
</ul>
</div>
</div>
<div id="placeHolder">
<form name="aspnetForm" method="post" action="calendar.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUIMjY3NTY2NzgPZBYCZg9kFgICBg9kFgICAQ9kFgICAQ9kFgJmD2QWAmYPZBYCZg88KwAKAQAPFgIeC1Zpc2libGVEYXRlBgBYZ/biFdCIZGRkMI8npGs3fM2Dlq8MpuL9LmQlKMM=" />
</div>
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]>
</script>
<div>
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWLQLO4vvyCwL38q3cBQKD2IeFDgLGtujnAgLGttSKCgLGtoDjCALGtuwGAu2d/p8NAu2d6sIEAu2d1uUPAu2dwogHAu2drqwOAu2dmtcBAu2dhvoIAu2d8h0C7Z2e9gYC7Z2KmQ4CwPe+3gQCwPeqgQwCwPeWpAcCwPeCzw4CwPfu8gECwPfalQkCwPfGOALA97LcCwLA9960DgLA98rfAQLn3tzwAgLn3sibCgLn3rS/DQLn3qDiBALn3oyFDALn3vioBwLn3uTTDgLn3tD2AQLn3vzPBALn3ujyDwKovamECgKovZWvDQKovYHSBAKove31DwKovdmYBwKovcXDDgKovbHnAQKovZ2KCWkah32rBjGWasSfsPT6t6Cs3H6A" />
</div>
<table id="ctl00_content_mainTable" border="0">
<tr>
<td><table id="ctl00_content_eventCalendar" cellspacing="0" cellpadding="2" rules="all" title="Calendar" border="1" style="width:487px;height:500px;font-weight:bold;font-size:20pt;font-family:Times New Roman;color:Black;border-width:1px;border-style:solid;border-color:Black;background-color:White;border-collapse:collapse;">
<tr><td colspan="7" style="background-color:Black;height:15pt;"> <table cellspacing="0" border="0" style="color:White;font-family:Times New Roman;font-size:15pt;font-weight:bold;width:100%;border-collapse:collapse;">
<tr><td style="color:White;font-size:10pt;width:15%;"><a href="javascript:__doPostBack('ctl00$content$eventCalendar','V4839')" style="color:White" title="Go to the previous month">April</a></td><td align="center" style="width:70%;">May 2013</td><td align="right" style="color:White;font-size:10pt;width:15%;"><a href="javascript:__doPostBack('ctl00$content$eventCalendar','V4900')" style="color:White" title="Go to the next month">June</a></td></tr>
</table></td></tr><tr><th align="center" abbr="Sunday" scope="col" style="color:#333333;background-color:#CCCCCC;font-size:15pt;font-weight:bold;height:10px;">Su</th><th align="center" abbr="Monday" scope="col" style="color:#333333;background-color:#CCCCCC;font-size:15pt;font-weight:bold;height:10px;">Mo</th><th align="center" abbr="Tuesday" scope="col" style="color:#333333;background-color:#CCCCCC;font-size:15pt;font-weight:bold;height:10px;">Tu</th><th align="center" abbr="Wednesday" scope="col" style="color:#333333;background-color:#CCCCCC;font-size:15pt;font-weight:bold;height:10px;">We</th><th align="center" abbr="Thursday" scope="col" style="color:#333333;background-color:#CCCCCC;font-size:15pt;font-weight:bold;height:10px;">Th</th><th align="center" abbr="Friday" scope="col" style="color:#333333;background-color:#CCCCCC;font-size:15pt;font-weight:bold;height:10px;">Fr</th><th align="center" abbr="Saturday" scope="col" style="color:#333333;background-color:#CCCCCC;font-size:15pt;font-weight:bold;height:10px;">Sa</th></tr><tr><td align="center" style="color:#999999;background-color:Black;width:14%;">28</td><td align="center" style="color:#999999;background-color:Black;width:14%;">29</td><td align="center" style="color:#999999;background-color:Black;width:14%;">30</td><td align="center" style="width:14%;">1</td><td align="center" style="width:14%;">2</td><td align="center" style="background-color:Green;width:14%;">3</td><td align="center" style="width:14%;">4</td></tr><tr><td align="center" style="width:14%;">5</td><td align="center" style="background-color:Green;width:14%;">6</td><td align="center" style="width:14%;">7</td><td align="center" style="width:14%;">8</td><td align="center" style="width:14%;">9</td><td align="center" style="width:14%;">10</td><td align="center" style="width:14%;">11</td></tr><tr><td align="center" style="width:14%;">12</td><td align="center" style="width:14%;">13</td><td align="center" style="width:14%;">14</td><td align="center" style="width:14%;">15</td><td align="center" style="width:14%;">16</td><td align="center" style="background-color:Green;width:14%;">17</td><td align="center" style="background-color:Green;width:14%;">18</td></tr><tr><td align="center" style="width:14%;">19</td><td align="center" style="background-color:Green;width:14%;">20</td><td align="center" style="width:14%;">21</td><td align="center" style="width:14%;">22</td><td align="center" style="width:14%;">23</td><td align="center" style="width:14%;">24</td><td align="center" style="width:14%;">25</td></tr><tr><td align="center" style="width:14%;">26</td><td align="center" style="width:14%;">27</td><td align="center" style="width:14%;">28</td><td align="center" style="width:14%;">29</td><td align="center" style="width:14%;">30</td><td align="center" style="width:14%;">31</td><td align="center" style="color:#999999;background-color:Black;width:14%;">1</td></tr><tr><td align="center" style="color:#999999;background-color:Black;width:14%;">2</td><td align="center" style="color:#999999;background-color:Black;width:14%;">3</td><td align="center" style="color:#999999;background-color:Black;width:14%;">4</td><td align="center" style="color:#999999;background-color:Black;width:14%;">5</td><td align="center" style="color:#999999;background-color:Black;width:14%;">6</td><td align="center" style="color:#999999;background-color:Black;width:14%;">7</td><td align="center" style="color:#999999;background-color:Black;width:14%;">8</td></tr>
</table></td><td><span id="ctl00_content_eventLabel" style="display:inline-block;font-size:15pt;width:500px;">5/3/2013 to 5/5/2013 Spring Camporee<br><b>5/6/2013 Monthly Planning Meeting</b><br>5/17/2013 to 5/19/2013 Order of the Arrow Ordeal<br>5/18/2013 Busy Beaver<br><b>5/20/2013 Court of Honor</b><br></span></td>
</tr>
</table>
</form>
</div>
<div id="address">
©2010-2013 BSA BHAC Troop 7 <b>§</b> Designed by
<a href="mailto:[email protected]">Tytus Strube</a> <b>§</b> Produced
by <a href="mailto:[email protected]">Tytus Strube</a> <b>§</b>
Updated by <a href="mailto:[email protected]">Tytus Strube</a> <b>§</b>
Hosted by <a href="http://www.godaddy.com/" target="main">Go Daddy</a> <b>§</b>
Last Updated March 9, 2013</div>
</body>
</html>
나는 CSS에서 *에서 margin: 0을 가지고가는 경우에, 그것은 디스플레이 문제를 해결하지만, 새로 만듭니다. 그것이 만드는 문제는 웹 사이트가 페이지 상단에 갭을 가지고 있다는 것입니다. 그냥 명확히하기 위해 디스플레이 문제를 해결하는 방법에 대한 아이디어가 필요합니다. 도움이된다면 GoDaddy가 웹 사이트를 호스팅합니다. 어떤 도움이라도 대단히 감사하겠습니다.
페이지의 이름은 무엇입니까? –
메인 콘텐츠의 오른쪽에 캘린더가 있다고 가정하면 CSS –
의 * *에서 'margin : 0;'을 꺼내고 이것을 Classic ASP로 태그 지정했습니다. 그것은 실제로 asp.net – John