Frågan#1
Såg att det redan låg en tråd av samma natur här redan men jag har inte lust att börja om från början, jag vill veta vad som felar med den kod jag skrivit.
Tre fält fungerar precis som de ska i både ie, mozilla och opera. När jag sedan positionerar ut en iframe och försöker göra samma sak i den så beter sig tabellen anourlunda. Varför? det är ju samma kod kopierad rakt över från den fungerande sidan.
index.asp:
[red]<html>
<head>
<title>Ampy Community</title>
<style>
<!-- #include file="config.asp" -->
</style>
</head>
<body>
<iframe src="info.asp" marginwidth="0px" marginheight="0px" scrolling="no" frameborder="0" name="stats" id="Herkules"></iframe>
<table border="0px" width="984px" height="100px" cellpadding="0px" cellspacing="0px">
<tr><td class="TopLeft"></td><td class="TopLine"></td><td class="TopRight"></td></tr>
<tr><td class="LeftLineTop"></td><td><table cellpadding="3px" cellspacing="0px" class="MenuTop"><tr><td>
MENUTOP
</td></tr></table></td><td class="RightLineTop"></td></tr>
<tr><td class="LeftSeparator"></td><td class="MidSeparator"></td><td class="RightSeparator"></td></tr>
<tr><td class="LeftLineBot"></td><td><table cellpadding="3px" cellspacing="0px" class="MenuBot"><tr><td>
MENUBOT
</td></tr></table></td><td class="RightLineBot"></td></tr>
<tr><td class="LeftBot"></td><td class="BotLine"></td><td class="RightBot"></td></tr>
</table>
</body>
</html>[/red]
info.asp
[blue]<html>
<head>
<title>Ampy Community</title>
<style>
<!-- #include file="config.asp" -->
</style>
</head>
<body class="NoMargin">
<table cellpadding="0px" cellspacing="0px" id="Pegasus">
<tr><td class="PsusTL"></td><td class="PsusLT"></td><td class="PsusTR"></td></tr>
<tr><td class="PsusLL"> </td><td><table cellpadding="3px" cellspacing="0px" class="Stats"><tr><td class="AlignTop">
PEGASUS
</td></tr></table></td><td class="PsusLR"> </td></tr>
<tr><td class="PsusBL"></td><td class="PsusLB"></td><td class="PsusBR"> </td></tr>
</table>
</body>
</html>[/blue]
config.asp
[red]body {margin-bottom :5px;
margin-right :5px;
margin-left :5px;
margin-top :5px;
font-family :verdana, geneva, arial, helvetica, sans-serif;
font-size :8pt;
color :#000000;}
td {font-family :verdana, geneva, arial, helvetica, sans-serif;
font-size :8pt;
color :#000000;}
/* Corner and Lines Specs */
#Herkules {position: absolute;
top : 119px;
left : 829px;
width : 160px;
height : 456px;}
#Pegasus {width : 160px;
height: 456px;}
.PsusTL {background-repeat: no-repeat;
background-image : url(img/bg/cornertopl.gif);
width : 3px;
height : 3px;}
.PsusTR {background-repeat: no-repeat;
background-image : url(img/bg/cornertopr.gif);
width : 3px;
height : 3px;}
.PsusBL {background-repeat: no-repeat;
background-image : url(img/bg/cornerbotl.gif);
width : 3px;
height : 3px;}
.PsusBR {background-repeat: no-repeat;
background-image : url(img/bg/cornerbotr.gif);
width : 3px;
height : 3px;
font-family :verdana, geneva, arial, helvetica, sans-serif;
font-size :1px;
color :#000000;}
.PsusLL {background-repeat: repeat-y;
background-image : url(img/bg/linelef.gif);
width : 3px;
height : 450px;
font-family :verdana, geneva, arial, helvetica, sans-serif;
font-size :1px;
color :#000000;}
.PsusLT {background-repeat: repeat-x;
background-image : url(img/bg/linetop.gif);
width : 152px;
height : 3px;}
.PsusLR {background-repeat: repeat-y;
background-image : url(img/bg/linerig.gif);
width : 3px;
height : 450px;
font-family :verdana, geneva, arial, helvetica, sans-serif;
font-size :1px;
color :#000000;}
.PsusLB {background-repeat: repeat-x;
background-image : url(img/bg/linebot.gif);
width : 100%;
height : 3px;}
.Stats {background-image : url(img/bg/bg_stats.jpg);
border: 1px solid #000000;
width : 154px;
height: 100%;}
.TopLeft {background-repeat: no-repeat;
background-image : url(img/bg/cornertopl.gif);
width : 3px;
height : 3px;}
.TopLine {background-repeat: repeat-x;
background-image : url(img/bg/linetop.gif);
width : 976px;
height : 3px;}
.TopRight {background-repeat: no-repeat;
background-image : url(img/bg/cornertopr.gif);
width : 3px;
height : 3px;}
.LeftLineTop {background-repeat: repeat-y;
background-image : url(img/bg/linelef.gif);
width : 3px;
height : 72px;}
.RightLineTop {background-repeat: repeat-y;
background-image : url(img/bg/linerig.gif);
width : 3px;
height : 72px;}
.LeftLineBot {background-repeat: repeat-y;
background-image : url(img/bg/linelef.gif);
width : 3px;
height : 20px;}
.RightLineBot {background-repeat: repeat-y;
background-image : url(img/bg/linerig.gif);
width : 3px;
height : 20px;}
.LeftBot {background-repeat: no-repeat;
background-image : url(img/bg/cornerbotl.gif);
width : 3px;
height : 3px;}
.BotLine {background-repeat: repeat-x;
background-image : url(img/bg/linebot.gif);
width : 976px;
height : 3px;}
.RightBot {background-repeat: no-repeat;
background-image : url(img/bg/cornerbotr.gif);
width : 3px;
height : 3px;}
.LeftSeparator {background-repeat: repeat-y;
background-image : url(img/bg/linelef.gif);
width : 3px;
height : 2px;}
.RightSeparator {background-repeat: repeat-y;
background-image : url(img/bg/linerig.gif);
width : 3px;
height : 2px;}
.MidSeparator {background-color : #ffce5a;}
/* Menu Specs */
.MenuTop {background-color: #ffe19f;
border : 1px Solid #000000;
width : 100%;
height : 100%;}
.MenuBot {background-color: #ffedc5;
border : 1px Solid #000000;
width : 100%;
height : 100%;}
/* Spaces */
.SpaceH {width : 10px;}
.SpaceV {height: 10px;}
.SpaceFillV {height: 100%;}
.SpaceFillR {width : 160px;}
.NoMargin {margin-bottom :0px;
margin-right :0px;
margin-left :0px;
margin-top :0px;}
/* Page Specs */
.AlignTop {vertical-align: top;}
.AlignMid {vertical-align: middle;}
.AlignBot {vertical-align: bottom;}[/red]
