FRIHOST • FORUMS • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

Page Display in IE

   Frihost Forum Index -> Webmaster and Internet -> Design Tips
 


Dragonfly-online
I need help with the coding of my newly designed page - http://dragonfly-online.frih.net

It looks fine in firefox, where I originally tested it, but when I view it in IE, it looks terrible. Can anyone help me fix the code to fix the navigation menu and the gradient on left when viewed in IE?

If you only have One of these browsers, here are screenshots

When viewed in firefox - http://static.dragonfly-online.frih.net/ManticoreFF.png

When Viewed in IE -
http://static.dragonfly-online.frih.net/ManticoreIE.png

And also here is a link to the stylesheet (to view the code I use)

http://dragonfly-online.frih.net/standard.css
rheanna
I think it looks fine. Doesn't look terrible. But, your looking to have centered right for IE?

Gives me a javascript error saying I need Fox 2.0 to view it correctly...I'll put the css in my editor and see what comes out on the IE side of it.

Css Checker IE 6 Errors



Last edited by rheanna on Fri Mar 09, 2007 5:07 am; edited 1 time in total
rheanna
Quote:
W3C CSS Validator Results for file://localhost/
Sorry! We found the following errors
URI : file://localhost/
9 body Value Error : background-attachment center is not a background-attachment value : center
13 .page Value Error : background-repeat vertical is not a background-repeat value : vertical
40 .main Property z-order doesn't exist : 1
48 .menu1 Property z-order doesn't exist : 2
56 .menu1:hover Property z-order doesn't exist : 2
68 .menu2 Property z-order doesn't exist : 2
80 .menu2:hover Property z-order doesn't exist : 2
105 #box3 Value Error : height only 0 can be a length. You must put an unit after your number : 130
106 #box3 Property z-order doesn't exist : 1
117 .ticker Property z-order doesn't exist : 1
125 h1 Value Error : margin-top Parse Error - margin-top
125 h1 Parse Error - 0px;
127 h3 Parse Error - : url('images/bg5.png'); } h2

Warnings (23)
URI : file://localhost/
5 body Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space.
7 body Redefinition of font-size
10 body You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
10 body Redefinition of color
43 Same colors for color and background-color in two contexts #box3 and .menu1
43 Same colors for color and background-color in two contexts #box2 and .menu1
43 Same colors for color and background-color in two contexts .table and .menu1
43 .menu1 You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
82 Same colors for color and background-color in two contexts #box3 and a:link
82 Same colors for color and background-color in two contexts .table and a:link
82 Same colors for color and background-color in two contexts #box2 and a:link
82 a:link You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
85 Same colors for color and background-color in two contexts #box2 and a:visited
85 Same colors for color and background-color in two contexts .table and a:visited
85 Same colors for color and background-color in two contexts #box3 and a:visited
85 a:visited You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
88 a:hover You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
101 #box3 You have no color set (or color is set to transparent) but you have set a background-color. Make sure that cascading of colors keeps the text reasonably legible.
109 Same colors for color and background-color in two contexts .menu2:hover and .black
109 Same colors for color and background-color in two contexts .menu1:hover and .black
109 Same colors for color and background-color in two contexts input and .black
109 .black You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
113 .table You have no color set (or color is set to transparent) but you have set a background-color. Make sure that cascading of colors keeps the text reasonably legible.

Valid CSS information
body {
margin-top : 0;
margin-bottom : 0;
color : #e5ca72;
font-family : Calibri, Segoe UI, Geneva, Trebuchet MS, Verdana, Tahoma, Sans-Serif;
font-size : x-small;
font-size : medium;
background-image : url('images/stripe.jpg');
color : #ffffff;
}
.page {
width : 100%;
position : absolute;
top : 0;
left : 0;
height : 300px;
background-image : url('images/top.png');
}
td {
vertical-align : top;
overflow : scroll;
border-color : #ffffff;
}
input {
background-color : black;
border-color : white;
color : white;
border : none;
}
.container {
width : 650px;
height : 35px;
background-image : url('images/nbg3.PNG');
text-align : center;
}
.main {
background-image : url('images/bg4.png');
width : 400px;
overflow : scroll;
border : 1px solid gray;
}
.menu1 {
color : white;
padding : 5px;
border-right : 0 solid silver;
margin-left : 0;
border-bottom : 3px solid #e5ca67;
}
.menu1:hover {
color : gray;
background-color : black;
margin-left : 0;
border-right : 0 solid silver;
border-bottom : 3px solid #eadb83;
}
.menu2 {
color : white;
background-color : gray;
background-image : url('images/nbg.png');
margin-bottom : 1px;
margin-left : 0;
padding : 5px;
border-right : 1px solid silver;
border-top : 1px solid silver;
border-bottom : 2px solid silver;
}
.menu2:hover {
color : white;
background-color : black;
margin-left : 0;
text-decoration : none;
background-image : url('images/nbg2.png');
border-right : 1px solid silver;
border-top : 1px solid silver;
border-bottom : 2px solid silver;
}
a:link {
color : white;
text-decoration : none;
}
a:visited {
color : white;
text-decoration : none;
}
a:hover {
color : #f0f0f0;
text-decoration : underline overline;
}
h3, h2 {
font-weight : normal;
}
#box2 {
height : 150px;
background-color : white;
background-image : url('images/bg5.png');
border : 1px solid gray;
width : 125px;
color : #000000;
}
#box3 {
background-color : white;
background-image : url('images/bg5.png');
border : 1px solid gray;
width : 125px;
}
.black {
color : black;
text-decoration : underline;
}
.table {
width : 650px;
background-color : white;
background-image : url('./../images/back.gif');
border : none;
}
li {
list-style : square;
}
Home |
About |
Documentation |
Download |
Feedback |
Credits


Support this tool, become a


Copyright Đ 1994-2006 W3CŪ (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark, document use and software licensing rules apply. Your interactions with this site are in accordance with our public and Member privacy statements.


This is Alien Language so don't ask me to translate..;o)
Dragate
Hey, it looks fine to me.

Just I think just make the menu into cells and put the text in the cells and make the cells have background images
^^

I think that wouuld fix it all.

have fun with this site, it looks awesome~
littlegiant
Looks fine in Internet Explorer 7 although it seems to be throwing some kind of script error. Details of the error message read: unterminated string constant (whatever the hell that means). I tried loading page in Firefox and with Firebug running and it gave a green light. It might be a problem with one of your conditional comments.
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.