Hallå! Lägg upp en länk till att börja med. Sedan undrar jag varför du använder tabeller och iframe när du också använder divar? Varför inte bygga hela layouten i divar?Olika utseende i olika versioner av IE??!!
Ett litet problem gällande en enkel sida som jag har gjort. Jag har försökt hålla det så enkelt som möjligt samtidigt som jag har kollat hur sidan presenteras/tolkas av andra webbläsare. Jag har tyckt jag lyckats bra i de vanligaste läsarna samtidigt som jag kollat på validator.w3.org och inte stött på några större problem/konstigheter.
Det jag dessvärre upptäckte är att om sidan öppnas i äldre version än IE 7 så ser den inte ut som sig bör! Min IFRAME halkar liksom ner på sidan, vilket inte ser så vackert ut.
Undrar om någon har något tips på hur det kan komma sig? Lägger upp min default sida samt min css så hoppas jag jag att någon kan hjälpa mig.
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="default.aspx.vb" Inherits="TheDuffers.WebForm1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>Välkommen till The Duffers</title>
<link href="./Styles.css" type="text/css" rel="stylesheet">
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<div class="MainCenter">
<div class="BG">
<div class="Left">
<table id="tblNavi" class="tblNavi">
<tr>
<td width="60" class="Meny"><a class="Meny" target="MainIframe" href="./home.aspx">Hem</a></td>
<td width="90" class="Meny"><a class="Meny" target="MainIframe" href="./gallery.aspx">Bildarkiv</a></td>
<td width="90" class="Meny"><a class="Meny" target="MainIframe" href="./beertop.aspx">Öltoppen</a></td>
<td width="90" class="Meny"><a class="Meny" target="MainIframe" href="./members.aspx">Medlemmar</a></td>
<td width="75" class="Meny"><a class="Meny" target="MainIframe" href="./news.aspx">Nyheter</a></td>
<td width="80" class="Meny"><a class="Meny" target="MainIframe" href="./contact.aspx">Kontakt</a></td>
<td width="80" class="Meny"><a class="Meny" target="MainIframe" href="./guestbook.aspx">Gästbok</a></td>
</tr>
</table>
<table id="tblNews" class="tblNews">
<tr>
<td class="HeadBold">Senaste Nytt</td>
</tr>
<tr>
<td class="Normal">2007-07-29<br>
<big>- </big>Ny medlem<a target="MainIframe" href="./news.aspx"><br>
Läs mer...</a>
</td>
</tr>
<tr>
<td class="Normal">2007-07-29<br>
<big>- </big>Grym Golf Weekend för 5 Duffers<a target="MainIframe" href="./news.aspx"><br>
Läs mer...</a>
</td>
</tr>
<tr>
<td class="Normal">2007-07-03<br>
<big>- </big>Sidor uppdaterade<a target="MainIframe" href="./news.aspx"><br>
Läs mer...</a>
</td>
</tr>
<tr>
<td class="Normal">2007-05-21<br>
<big>- </big>Golftävling för våran webbmaster <a target="MainIframe" href="./news.aspx">
Läs mer...</a>
</td>
</tr>
<tr>
<td class="Normal">2007-05-17<br>
<big>- </big>Kristiflygare golf <a target="MainIframe" href="./news.aspx">Läs
mer...</a>
</td>
</tr>
</table>
<iframe name="MainIframe" id="MainIframe" class="MainIframe" src="./home.aspx" frameborder="0"></iframe>
<table width="190" class="tblLogIn" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td class="HeadBold center" colspan="2">Logg in</td>
</tr>
<tr>
<td align="left" class="normal"><asp:Label ID="lblAndvandarNamn" Runat="server" Font-Size="10px" Font-Names="Verdana">Anv</asp:Label></td>
<td><asp:TextBox ID="txtAndvandarNamn" Runat="server" Height="16px" Font-Names="Verdana" Font-Size="9px"></asp:TextBox></td>
</tr>
<tr>
<td align="left" class="normal"><asp:Label ID="lblLosen" Runat="server" Font-Size="10px" Font-Names="Verdana">Lösen</asp:Label></td>
<td><asp:TextBox ID="txtLosen" Runat="server" TextMode="Password" Height="16px" Font-Names="Verdana" Font-Size="9px"></asp:TextBox></td>
</tr>
<tr>
<td> </td>
<td align="left" style="HEIGHT: 20px"><asp:Button ID="btnSignIn" Runat="server" Text="Logga in" Height="20px" Font-Names="Verdana" Font-Size="9px" Width="115px"></asp:Button></td>
</tr>
<tr>
<td colspan="2" align="center"><asp:Label ID="lblMessage" Runat="server" Height="12px" Width="173px" Font-Size="10px" Font-Names="Verdana"></asp:Label></td>
</tr>
<tr>
<td colspan="2" align="left"><asp:Label ID="lblNamn" Runat="server" Height="12px" Width="173px" Font-Size="10px" Font-Names="Verdana" Visible="False"></asp:Label></td>
</tr>
<tr>
<td colspan="2" align="left"><asp:Label ID="lblProfile" Runat="server" Height="12px" Width="173px" Font-Size="10px" Font-Names="Verdana">Min profil</asp:Label></td>
</tr>
</table>
</div> <!--END Left-->
</div> <!--END BG-->
</div> <!--END MainCenter-->
</form>
</body>
</HTML>
/* Default CSS Stylesheet for a new Web Application project */
BODY
{
BACKGROUND-COLOR: white;
FONT-FAMILY: Verdana, Helvetica, sans-serif;
FONT-SIZE: .8em;
FONT-WEIGHT: normal;
LETTER-SPACING: normal;
TEXT-TRANSFORM: none;
WORD-SPACING: normal;
}
H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
COLOR: #003366;
}
H1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 2em;
font-weight: 700;
font-style: normal;
text-decoration: none;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
}
H2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.75em;
font-weight: 700;
font-style: normal;
text-decoration: none;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
}
H3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.58em;
font-weight: 500;
font-style: normal;
text-decoration: none;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
}
H4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.33em;
font-weight: 500;
text-decoration: none;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
}
H5, DT {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: 700;
font-style: normal;
text-decoration: none;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
}
H6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
font-weight: 700;
font-style: normal;
text-decoration: none;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
}
TFOOT, THEAD {
font-size: 1em;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
}
TH {
vertical-align: baseline;
font-size: 1em;
font-weight: bold;
word-spacing: normal;
letter-spacing: normal;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
}
A:link {
text-decoration: none;
color: #3333cc;
}
A:visited {
text-decoration: none;
color: #333399;
}
A:active {
text-decoration: none;
color: #333399;
}
A:hover {
text-decoration: underline;
color: #3333cc;
}
SMALL {
font-size: .7em;
}
BIG {
font-size: 1.17em;
}
BLOCKQUOTE, PRE {
font-family: Courier New, monospace;
}
UL LI {
list-style-type: square ;
}
UL LI LI {
list-style-type: disc;
}
UL LI LI LI {
list-style-type: circle;
}
OL LI {
list-style-type: decimal;
}
OL OL LI {
list-style-type: lower-alpha;
}
OL OL OL LI {
list-style-type: lower-roman;
}
IMG {
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
}
A:hover.Navi
{
text-decoration:none;
}
A:hover.Meny
{
text-decoration:none;
color:#ffffff;
}
A:link.Meny
{
text-decoration:none;
color:#ffffff;
}
A:visited.Meny
{
text-decoration:none;
color:#ffffff;
}
DIV.MainCenter
{
width:100%;
text-align:center;
}
DIV.Left
{
text-align:Left;
}
DIV.center
{
text-align:center;
}
DIV.BG
{
background:url('Images/Main_BG1.jpg');
border:solid 1px #000000;
width:800px;
height:600px;
}
TABLE.tblNavi
{
margin-top:132px;
margin-left:210px;
/*border:solid 1px #000000;*/
}
TABLE.tblNews
{
color:#000000;
/*border:solid 1px #000000;*/
width:190px;
margin-left:10px;
margin-right:0px;
margin-top:10px;
float:left;
}
TABLE.tblLogIn
{
color:#000000;
/*border:solid 1px #000000;*/
width:170px;
margin-left:10px;
margin-right:0px;
margin-top:20px;
border-top:dotted 1px #000000;
float:left;
}
TABLE.tblMain
{
color:#000000;
width:100%;
/*border:solid 1px #000000;*/
}
TD.Meny
{
font-family:Bookman Old Style;
font-size:11px;
text-align:center;
color:#f0f0f0;
}
TD.HeadBold
{
font-family:Verdana;
font-weight:bold;
font-size:11px;
text-align:center;
}
TD.Normal
{
font-family:Verdana;
font-size:10px;
text-align:left;
}
TD.Center
{
text-align:center;
}
TD.NormalRight
{
font-family:Verdana;
font-size:10px;
text-align:Right;
}
IFRAME.MainIframe
{
width:590px;
height:405;
/*border:solid 1px #000000;*/
border-left:dotted 1px #000000;
float:right;
margin-top:10px;
}
Sv: Olika utseende i olika versioner av IE??!!
mvh/Lillan