webForumDet fria alternativet

Problem med sida i firefox

2 svar · 287 visningar · startad av andreas_lindh

andreas_lindhMedlem sedan jan. 20011 140 inlägg
#1

har problem med att få en sida att se bra ut i firefox.
Så här blir det i ff
Fel
Så här ser det ut i ie
Rätt

Koden ser ut så här

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Västergötlands ishockeyförbund</title>
        <link href="vg2004.css" type="text/css" rel="stylesheet" />
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    </head>
    <body>

        <form  method="post" action="p1.aspx" id="form1">
<div><input type="hidden" name="__VIEWSTATE" value="dDwtMTQ2NDE4MTkzMjt0PDtsPGk8MT47PjtsPHQ8O2w8aTwxPjtpPDM+O2k8Nz47PjtsPHQ8O2w8aTwwPjs+O2w8dDxAMDxwPHA8bDxTZWxlY3RlZEluZGV4O0RhdGFLZXlzO18hSXRlbUNvdW50Oz47bDxpPDA+O2w8PjtpPDI+Oz4+Oz47Ozs7Ozs7Oz47bDxpPDA+O2k8MT47PjtsPHQ8O2w8aTwwPjs+O2w8dDxAPFN0YXJ0Oz47Oz47Pj47dDw7bDxpPDA+Oz47bDx0PEA8MTs2OzY7NjtBZG1pbjs+Ozs+Oz4+Oz4+Oz4+O3Q8cDxsPFZpc2libGU7PjtsPG88dD47Pj47Oz47dDxwPGw8VmlzaWJsZTs+O2w8bzx0Pjs+Pjs7Pjs+Pjs+Pjs+54lITsg1r5Pd4l0x0geZ3Xzs3fk=" /></div>

            <div id="innehall">
				<div id="sidhuvud">
					
	<div id="top"><img src="/PortalVBVS/images/Logga_top.gif" alt="logga" width="102" height="53" /><img src="/PortalVBVS/images/text_logga.gif" alt="V&auml;sterg&ouml;tlands Ishockeyf&ouml;rbund" width="543" height="53" style="margin-left:4px;" /></div>
	<div id="top1">
		<table style="width:100%;border-width:0px;" cellspacing="0" cellpadding="0">
			<tr> 
				<td style="width:102px;">

					<img src="/PortalVBVS/images/logga_bottom.gif" alt="logga" width="102" height="45" />
				</td>
				<td valign="top" style="height:17px;background-color:#FDFDF5;">
					<table width="100%" cellspacing="0" cellpadding="0"  width="10">
								&nbsp;
							</td>
							<td>
								<table id="Banner_tabs" class="OtherTabsBg" cellspacing="0" cellpadding="0" border="0" style="border-width:0px;border-collapse:collapse;">
	<tr>

		<td class="TabBg" style="border-width:0px;height:20px;">
										&nbsp;<span class="SelectedTab">Start</span>&nbsp;
									</td><td style="border-width:0px;height:20px;">
										&nbsp;<a href='/PortalVBVS/p1.aspx?pi=1&amp;pageID=6&amp;sub=6&amp;parentpageID=6' class="OtherTabs">Admin</a>&nbsp;
									</td>
	</tr>
</table>
							</td>

							<td width="*" style="text-align:right;">
								<span class="Accent"></span>
<a href=/PortalVBVS/Admin/Logoff.aspx class="SiteLink"> Logga ut</a>&nbsp;&nbsp;
							</td>
						</tr>
					</table>
				</td>
			</tr>

		</table></div>

				</div>	
				<div id="content">
					<div id="ContentPane" style="float:left;width:520px;padding-left:5px;padding-right:5px;">
						
					
<div class="dmheader">
	<table cellpadding="0" cellspacing="2" style="border:0px;width:100%;">
		<tr>
			<td style="text-align:left;">
				<span id="_ctl1_Title1_ModuleTitle" class="Head">Welcome to the Portal Starter Kit</span>

			</td>
			<td style="text-align:right;">
				<a id="_ctl1_Title1_EditButton" class="CommandButton" href="DesktopModules/EditHtml.aspx?mid=2">Edit</a>
			</td>
		</tr>
	</table>
</div>

<table id="_ctl1_t1" cellspacing="0" cellpadding="0">

	<tr valign="top">
		<td id="_ctl1_HtmlHolder">
        <table>
    <tr valign="top">
        <td>
            <a target="_blank" href="http://www.ibuyspy.com">
                <img src="data/logoneg.gif" border="0" align="left" hspace="10" alt="hej" />
            </a>
        </td>

        <td class="Normal" width="100%">
            The <b>Portal Starter Kit</b> has everything you need and is flexible enough to serve as the hub application for an enterprises internal operations or as an internet portal. It provides online news and information sharing, event and sales information, interactive discussion forums and employee contact information. In a nutshell, the Portal Starter Kit has everything needed to maintain and run a fast-growing commercial enterprise.
            <br />
            <br />
            Feel free to browse the site and explore. Sign in to obtain access to different modules within the framework, as well as view the restricted sections of the site.
        </td>
    </tr>
</table></td>
	</tr>

</table>

<br />
<div class="dmheader">
	<table cellpadding="0" cellspacing="2" style="border:0px;width:100%;">
		<tr>
			<td style="text-align:left;">
				<span id="_ctl2__ctl0_ModuleTitle" class="Head">News and Features</span>
			</td>
			<td style="text-align:right;">

				<a id="_ctl2__ctl0_EditButton" class="CommandButton" href="DesktopModules/EditAnnouncements.aspx?mid=3">Add New Announcement</a>
			</td>
		</tr>
	</table>
</div>

<table id="_ctl2_myDataList" cellspacing="0" cellpadding="4" border="0" style="width:98%;border-collapse:collapse;">
	<tr>
		<td>
        <a id="_ctl2_myDataList__ctl0_editLink" href="DesktopModules/EditAnnouncements.aspx?ItemID=3&amp;mid=3"><img src="images/edit.gif" alt="Redigera" border="0" /></a>

        <span class="ItemTitle">
            Q4 Sales Rise 200% Over Last Year
        </span>
        <br />
        <span class="Normal">
            IBuySpy.com online sales for the crucial fourth quarter of last year rose nearly 200% over the previous year, despite a lackluster holiday sales overall. 
            &nbsp;
            <a id="_ctl2_myDataList__ctl0_moreLink" href="admin/notimplemented.aspx?title=Q4%20Sales%20Rise%20200%%20Over%20Last%20Year">
                read more...</a>

        </span>
        <br />
    </td>
	</tr>
</table>

<br />
<div class="dmheader">
	<table cellpadding="0" cellspacing="2" style="border:0px;width:100%;">
		<tr>
			<td style="text-align:left;">

				<span id="_ctl3_Title1_ModuleTitle" class="Head">Upcoming Events</span>
			</td>
			<td style="text-align:right;">
				<a id="_ctl3_Title1_EditButton" class="CommandButton" href="DesktopModules/EditEvents.aspx?mid=4">Add New Event</a>
			</td>
		</tr>
	</table>
</div>

<table id="_ctl3_myDataList" cellspacing="0" cellpadding="4" border="0" style="width:98%;border-collapse:collapse;">
	<tr>
		<td>
        <span class="ItemTitle">
            <a id="_ctl3_myDataList__ctl0_editLink" href="DesktopModules/EditEvents.aspx?ItemID=1&amp;mid=4"><img src="images/edit.gif" alt="Redigera" border="0" /></a>
            <span>Spy-o-Rama</span>
        </span>
        <br />

        <span class="Normal"><i>
                This Saturday, usual secret time and place...
            </i></span>
        <br />
        <span class="Normal">
            It's back!  The premier regional swap meet for spy paraphernalia of every description.  Shop early for some amazing bargins.
        </span>
        <br />
    </td>
	</tr><tr>

		<td>
        <span class="ItemTitle">
            <a id="_ctl3_myDataList__ctl1_editLink" href="DesktopModules/EditEvents.aspx?ItemID=2&amp;mid=4"><img src="images/edit.gif" alt="Redigera" border="0" /></a>
            <span>Dark Ops Sock Hop</span>
        </span>
        <br />
        <span class="Normal"><i>
                Saturday, 8pm to ?, Dark Ops Cafe
            </i></span>

        <br />
        <span class="Normal">
            Back by popular demand!  Practice your surveillance of the opposite sex, and dance some too.  Great opportunity for a brush pass!
        </span>
        <br />
    </td>
	</tr>
</table>
<br /></div>
					
					<div id="RightPane" style="float:right;width:230px;padding-right:5px;">

						
					
<div class="dmheader">
	<table cellpadding="0" cellspacing="2" style="border:0px;width:100%;">
		<tr>
			<td style="text-align:left;">
				<span id="_ctl0_Title1_ModuleTitle" class="Head">Samarbetspartners</span>
			</td>
			<td style="text-align:right;">
				<a id="_ctl0_Title1_EditButton" class="CommandButton" href="DesktopModules/EditHtml.aspx?mid=5">Edit</a>

			</td>
		</tr>
	</table>
</div>

<table id="_ctl0_t1" cellspacing="0" cellpadding="0">
	<tr valign="top">
		<td id="_ctl0_HtmlHolder">
        <span class="Normal">

</span>
</td>
	</tr>
</table>

<br /></div>
				</div>
            </div>
        </form>
    </body>
</html>

css-mallen

body,html 
{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family: "trebuchet ms",Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #000;
}
table 
{
	border-collapse:collapse; 
	padding:0;
	border:none
}
td 
{
	padding:0;
	border:none
}
.dmheader 
{
	width: 100%;
	margin: 0px;
	border-bottom: 1px #D8D2BD solid;
	margin-bottom: 4px;
}
#sidhuvud {
  background-color:#EDEDE5;
  height:107px;
  width:770px;
  float:left;
  margin: auto;
  margin-top: 0px;
  padding-top: 0px;
}
#innehall {
  background-color: #FDFDF5;
  min-height:100%;
  width: 770px;
  margin: auto;
  border-left: 1px #D8D2BD solid;
  border-right: 1px #D8D2BD solid;
}
#content {
	width: 100%;
	margin-top: 10px;
	background-color: #FDFDF5;
}
#top {
	background-color: #EDEDE5;
	background-image: url(images/top_back.gif);
	margin: 0px auto;
	padding: 0px;
	height: 53px;
	width: 770px;
}
img {
	border: 0px;
}
#top1 {
	margin: 0px auto;
	padding: 0px;
	height: 54px;
	width: 770px;
	background-color:#FDFDF5;
}

Det blir ett mellanrum längst upp i ff som jag inte förstår var det kommer ifrån.

Bakgrunden och bordern försvinner i ff.

Någon som kan se vad som är fel?

andreas_lindhMedlem sedan jan. 20011 140 inlägg
#2

löste ett av problemen med

form 
{
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;	
}

Nu syns bordern och bakgrundsfärgen i firefox men det blir fortfarande ett mellanrum högst upp

andreas_lindhMedlem sedan jan. 20011 140 inlägg
#3

När jag plockade bort margin: 10px på #content försvann mellanrummet

131 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)