<!-- w --><a class="postlink" href="http://www.euthanatos.com">www.euthanatos.com</a><!-- w -->
Everything looks perfect in mozilla (what a surprise right?) but in IE I get a slight problem, the nav, siteinfo, and site logo (located in the upper left) will not show up in a window that is under a certain size. However, when maximized it appears and then if you resize it to the prior size (whew getting wordy) it seems to work fine. Any ideas on this?
index.css:
/*************** Index.css ***************/
body
{
font-family: Verdana, Arial;
background-color: #1B1B1B;
color: #FFFFFF;
z-index: 0;
margin: 0px 0px 0px 0px;
font-size: 10px;
}
h1
{
color: #006699;
font-family: Tahoma;
font-size: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
a {
text-decoration:none;
font-weight:bold;
color:#FF9900;
}
pre {
font-size:11px;
color:blue;
}
ol {
margin-right:40px;
}
li {
margin-bottom:10px;
}
p,h1,pre {
margin:0px 10px 10px 10px;
}
p
{
font-size:10px
}
/*************** #s ***************/
#body
{
min-width:800;
}
#title
{
position: absolute;
z-index: 111;
font: Tahoma;
color: #006699;
font-size: 50px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
top: -6px;
left: 3px;
height: 112px;
width: 99.4%;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #999999;
}
#titlepic
{
float: right;
z-index: 1;
font: Tahoma;
color: #006699;
font-size: 50px;
padding: 4px 4px 0px 0px;
}
#titleinfo
{
position: absolute;
font: Verdana;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #CCCCCC;
font-size: 10px;
left: 20px;
top: 49px;
z-index: 111;
}
#mainnav
{
position: absolute;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font: Verdana;
font-size: 13;
left: 10px;
top: 86px;
z-index: 111;
}
#siteinfo
{
width: 99.4%;
z-index: 14;
border-color: #006699;
border-style: solid;
border-width: 1;
z-index: 120;
float:left;
margin: 10px 0px 0px 0px;
}
#siteinfo h1
{
font-size: 9px;
padding: 2px 2px 2px 2px;
margin: 0px 0px 0px 0px;
color:#999999;
}
#frame {
width:1000px;
margin-right:auto;
margin-left: auto;
margin-top:10px;
padding:0px;
text-align:left;
z-index: 99;
float:left;
}
#frame2 {
width:601px;
padding:0px;
z-index: 100;
float:left;
}
#contentleft {
width:175px;
padding:0px;
z-index: 100;
padding: 0px 0px 0px 0px;
float:left;
}
#contentcenter {
width:600px;
margin: 2px 0px 0px 0px;
padding: 2x 0px 0px 0px;
float:left;
background-color: #336699;
z-index: 100;
padding: 0px 0px 0px 0px;
border-bottom-color: #1b1b1b;
border-bottom-style: solid;
border-right-width: 4px;
}
#contentcenter1 {
width:600px;
margin: 2px 0px 0px 0px;
padding: 2px 0px 0px 0px;
float:left;
background-color: #204060;
z-index: 100;
padding: 0px 0px 0px 0px;
border-bottom-color: #1b1b1b;
border-bottom-style: solid;
border-right-width: 4px;
}
#contentcenter h1
{
padding: 2px 0px 0px 0px;
}
#contentcenter1 h1
{
padding: 2px 0px 0px 0px;
}
#contentright {
width:175px;
padding:0px;
float:left;
z-index: 100;
padding: 0px 0px 0px 0px;
}
#contentheader {
z-index: 100;
width: 950;
padding: 0px 0px 0px 0px;
}
#contentheader h1 {
font-size:14px;
padding:10px;
margin:0px;
}
#contentcenter h1 {
font-size:18px;
padding:10px;
margin:0px;
color:#FFFFFF;
}
#contentcenter1 h1 {
font-size:18px;
padding:10px;
margin:0px;
color:#FFFFFF;
}
/*************** .s ***************/
.mainnav a:link
{
color: #0066CC;
text-decoration: none;
}
.mainnav a:visited
{
color: #0099CC;
text-decoration: none;
}
.mainnav a:hover
{
color: #0099CC;
text-decoration: underline;
}
.mainnav a:active
{
text-decoration: underline;
color: #FFFF00;
}
.mainnav
{
}
.greek {
color:#FFB340;
padding: 2;
font-style
blique;
}
.greek1 {
color:#FF9900;
padding: 2;
font-styleblique;
}
index.php:
<html>
<head>
<title>
Euthanatos - Darkspear
</title>
<link href=http://www.webdeveloper.com/forum/archive/index.php/"index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="body">
<div id="title">
<h1>Euthanatos</h1>
</div>
<div id="titlepic">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/mage_eu.jpg">
</div>
<div id="titleinfo">
A World of Warcraft Guild - Darkspear Realm
</div>
<div id="mainnav" class="mainnav">
<?php include"/home/flattent/public_html/euthanatos/includes/mainnav.inc";?>
</div>
<div id="frame">
<div id="contentheader">
<h1>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"index.php">HOME</a>: News
</h1>
</div>
<div id="contentleft">
<p class="greek">
<b>Teamspeak Server:</b>
67.19.40.148:8767
Password: trojan
</p>
</div>
<div id="frame2">
<div id="contentcenter">
<h1>
Site Design Update Redux:
</h1>
<p>
After some intese scripting and coding and scripting and coding and scripting and coding I've finally
finished the first draft of the admin console. We're now able to add members to the members section through
a simple form which requires no hardcoding and its all generated on the fly. Turned out pretty cool
Forums are also up and running and I encourage you all to sign up. I've gone ahead and registered <!-- w --><a class="postlink" href="http://www.euthanatos.com">www.euthanatos.com</a><!-- w -->
and it should be ready for service in just a few days. So look forward to that. Thanks everyone!
</p>
<p align="right" class="greek">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif" width="4" height="4"> Posted by Drazor | 09/08/05 - 11:15pm
</p>
</div>
<div id="contentcenter1">
<h1>
Update:
</h1>
<p>
Guides page and links page are now functional.
</p>
<p align="right" class="greek1">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif" width="4" height="4"> Posted by Drazor | 09/07/05 - 7:58am
</p>
</div>
<div id="contentcenter">
<h1>
Site Design Update:
</h1>
<p>
I've started over with the design, from scratch, and I am alot happier with the new one. It is again
in the early stages but it'll be flourishing with content soon so stay tuned for that. If anyone has any
suggestions, please let me know.
</p>
<p align="right" class="greek">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif" width="4" height="4"> Posted by Drazor | 09/07/05 - 6:54am
</p>
</div>
<div id="contentcenter1">
<h1>
Testing the News System:
</h1>
<p>
Test post.
</p>
<p align="right" class="greek1">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif" width="4" height="4"> Posted by Drazor | 09/02/05 - 10:48pm
</p>
</div>
<div id="contentcenter">
<h1>
Site Design Started:
</h1>
<p>
Webmaster comment, webmaster comment, webmaster comment.
</p>
<p align="right" class="greek">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif" width="4" height="4"> Posted by Drazor | 09/02/05 - 10:48pm
</p>
</div>
</div>
<div id="contentright">
<?php include"/home/flattent/public_html/euthanatos/includes/links.inc";?>
</div>
</div>
</div>
<br>
<br>
<div id="siteinfo">
<h1>
Site Design by Stephen Lemp | <A HREF=http://www.webdeveloper.com/forum/archive/index.php/"mailto:[email protected]">[email protected]</A>
</h1>
</div>
</body>
</html>Put an HTML 4.01 Strict doctype on it and see what happens.
Everything looks perfect in mozilla (what a surprise right?) but in IE I get a slight problem, the nav, siteinfo, and site logo (located in the upper left) will not show up in a window that is under a certain size. However, when maximized it appears and then if you resize it to the prior size (whew getting wordy) it seems to work fine. Any ideas on this?
index.css:
/*************** Index.css ***************/
body
{
font-family: Verdana, Arial;
background-color: #1B1B1B;
color: #FFFFFF;
z-index: 0;
margin: 0px 0px 0px 0px;
font-size: 10px;
}
h1
{
color: #006699;
font-family: Tahoma;
font-size: 100%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
a {
text-decoration:none;
font-weight:bold;
color:#FF9900;
}
pre {
font-size:11px;
color:blue;
}
ol {
margin-right:40px;
}
li {
margin-bottom:10px;
}
p,h1,pre {
margin:0px 10px 10px 10px;
}
p
{
font-size:10px
}
/*************** #s ***************/
#body
{
min-width:800;
}
#title
{
position: absolute;
z-index: 111;
font: Tahoma;
color: #006699;
font-size: 50px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
top: -6px;
left: 3px;
height: 112px;
width: 99.4%;
border-bottom-style: solid;
border-bottom-width: 2px;
border-bottom-color: #999999;
}
#titlepic
{
float: right;
z-index: 1;
font: Tahoma;
color: #006699;
font-size: 50px;
padding: 4px 4px 0px 0px;
}
#titleinfo
{
position: absolute;
font: Verdana;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #CCCCCC;
font-size: 10px;
left: 20px;
top: 49px;
z-index: 111;
}
#mainnav
{
position: absolute;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font: Verdana;
font-size: 13;
left: 10px;
top: 86px;
z-index: 111;
}
#siteinfo
{
width: 99.4%;
z-index: 14;
border-color: #006699;
border-style: solid;
border-width: 1;
z-index: 120;
float:left;
margin: 10px 0px 0px 0px;
}
#siteinfo h1
{
font-size: 9px;
padding: 2px 2px 2px 2px;
margin: 0px 0px 0px 0px;
color:#999999;
}
#frame {
width:1000px;
margin-right:auto;
margin-left: auto;
margin-top:10px;
padding:0px;
text-align:left;
z-index: 99;
float:left;
}
#frame2 {
width:601px;
padding:0px;
z-index: 100;
float:left;
}
#contentleft {
width:175px;
padding:0px;
z-index: 100;
padding: 0px 0px 0px 0px;
float:left;
}
#contentcenter {
width:600px;
margin: 2px 0px 0px 0px;
padding: 2x 0px 0px 0px;
float:left;
background-color: #336699;
z-index: 100;
padding: 0px 0px 0px 0px;
border-bottom-color: #1b1b1b;
border-bottom-style: solid;
border-right-width: 4px;
}
#contentcenter1 {
width:600px;
margin: 2px 0px 0px 0px;
padding: 2px 0px 0px 0px;
float:left;
background-color: #204060;
z-index: 100;
padding: 0px 0px 0px 0px;
border-bottom-color: #1b1b1b;
border-bottom-style: solid;
border-right-width: 4px;
}
#contentcenter h1
{
padding: 2px 0px 0px 0px;
}
#contentcenter1 h1
{
padding: 2px 0px 0px 0px;
}
#contentright {
width:175px;
padding:0px;
float:left;
z-index: 100;
padding: 0px 0px 0px 0px;
}
#contentheader {
z-index: 100;
width: 950;
padding: 0px 0px 0px 0px;
}
#contentheader h1 {
font-size:14px;
padding:10px;
margin:0px;
}
#contentcenter h1 {
font-size:18px;
padding:10px;
margin:0px;
color:#FFFFFF;
}
#contentcenter1 h1 {
font-size:18px;
padding:10px;
margin:0px;
color:#FFFFFF;
}
/*************** .s ***************/
.mainnav a:link
{
color: #0066CC;
text-decoration: none;
}
.mainnav a:visited
{
color: #0099CC;
text-decoration: none;
}
.mainnav a:hover
{
color: #0099CC;
text-decoration: underline;
}
.mainnav a:active
{
text-decoration: underline;
color: #FFFF00;
}
.mainnav
{
}
.greek {
color:#FFB340;
padding: 2;
font-style
blique;}
.greek1 {
color:#FF9900;
padding: 2;
font-style
blique;}
index.php:
<html>
<head>
<title>
Euthanatos - Darkspear
</title>
<link href=http://www.webdeveloper.com/forum/archive/index.php/"index.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="body">
<div id="title">
<h1>Euthanatos</h1>
</div>
<div id="titlepic">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/mage_eu.jpg">
</div>
<div id="titleinfo">
A World of Warcraft Guild - Darkspear Realm
</div>
<div id="mainnav" class="mainnav">
<?php include"/home/flattent/public_html/euthanatos/includes/mainnav.inc";?>
</div>
<div id="frame">
<div id="contentheader">
<h1>
<a href=http://www.webdeveloper.com/forum/archive/index.php/"index.php">HOME</a>: News
</h1>
</div>
<div id="contentleft">
<p class="greek">
<b>Teamspeak Server:</b>
67.19.40.148:8767
Password: trojan
</p>
</div>
<div id="frame2">
<div id="contentcenter">
<h1>
Site Design Update Redux:
</h1>
<p>
After some intese scripting and coding and scripting and coding and scripting and coding I've finally
finished the first draft of the admin console. We're now able to add members to the members section through
a simple form which requires no hardcoding and its all generated on the fly. Turned out pretty cool
Forums are also up and running and I encourage you all to sign up. I've gone ahead and registered <!-- w --><a class="postlink" href="http://www.euthanatos.com">www.euthanatos.com</a><!-- w -->
and it should be ready for service in just a few days. So look forward to that. Thanks everyone!
</p>
<p align="right" class="greek">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif" width="4" height="4"> Posted by Drazor | 09/08/05 - 11:15pm
</p>
</div>
<div id="contentcenter1">
<h1>
Update:
</h1>
<p>
Guides page and links page are now functional.
</p>
<p align="right" class="greek1">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif" width="4" height="4"> Posted by Drazor | 09/07/05 - 7:58am
</p>
</div>
<div id="contentcenter">
<h1>
Site Design Update:
</h1>
<p>
I've started over with the design, from scratch, and I am alot happier with the new one. It is again
in the early stages but it'll be flourishing with content soon so stay tuned for that. If anyone has any
suggestions, please let me know.
</p>
<p align="right" class="greek">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif" width="4" height="4"> Posted by Drazor | 09/07/05 - 6:54am
</p>
</div>
<div id="contentcenter1">
<h1>
Testing the News System:
</h1>
<p>
Test post.
</p>
<p align="right" class="greek1">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif" width="4" height="4"> Posted by Drazor | 09/02/05 - 10:48pm
</p>
</div>
<div id="contentcenter">
<h1>
Site Design Started:
</h1>
<p>
Webmaster comment, webmaster comment, webmaster comment.
</p>
<p align="right" class="greek">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"images/bullet.gif" width="4" height="4"> Posted by Drazor | 09/02/05 - 10:48pm
</p>
</div>
</div>
<div id="contentright">
<?php include"/home/flattent/public_html/euthanatos/includes/links.inc";?>
</div>
</div>
</div>
<br>
<br>
<div id="siteinfo">
<h1>
Site Design by Stephen Lemp | <A HREF=http://www.webdeveloper.com/forum/archive/index.php/"mailto:[email protected]">[email protected]</A>
</h1>
</div>
</body>
</html>Put an HTML 4.01 Strict doctype on it and see what happens.