Tom's Guide | Tom's Hardware | Tom's Games
 |
 |
 |
Greetings,
I am developing a personal website which is located at www.limeblue.org
I am using notepad to create my website. I have designed it so it will display nicely
even at 800x600 resolution.However, here is my current situation:
1.) version 6.0.2800 of Internet Explorer displays the website just the way i want it to.
2.) version 7.1 of the Netscape browser does not display the website very well at all
3.) version 7.51of the Opera browser does a decent job of displaying the websiteWhen i view my website on my local computer without connecting to the internet to view it,
netscape displays the website much better then when i view it over the internet. This doesn't
make sense to me why this is. The html, CSS, and browser version are all the same.Here is my HTML code for the index.htm page:
======================================<html>
<head>
<title>Welcome to limeblue.org</title>
<link rel="stylesheet" href="css\index.css">
<script type="text/javascript" language="JavaScript" src="scripts\index2popup.js"></script>
</head><body>
<center>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,42,0"
id="lb1" width="700" height="233">
<param name="movie" value="lb1.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<embed name="lb1" src="lb1.swf"
quality="high" bgcolor="#FFFFFF" swLiveConnect="true"
width="700" height="233"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object></center>
<p class="text">
<center>
taste the full flavor of limeblue.org with the latest
release of internet explorer, java, and flash installed on your computer.
ie |
java |
limeblue.org is powered by KMAN Technologies. ©2004.
</center>
</p></body>
</html>
==========================================and here is the CSS code that index.htm links to:
========================================a:link {text-decoration:none; color:#0000ff; font-weight:bold;}
a:visited {text-decoration:none; color: #0000ff; font-weight:bold;}
a:hover {text-decoration:none; color: #00ff00; font-weight:bold;}body {
margin:0;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #ffffff;
filter: chroma (color=#ffffff);
}
=========================================here is my HTML code for the index2.htm page which is accessed after the 'enter' button on index.htm is clicked:
=======================================================================================<html>
<head>
<title>limeblue.org</title>
<link rel="stylesheet" href="css/iframes&menu.css">
</head><body>
<p class="image">
</p></body>
</html>
======================================================================and here is the CSS code that index2.htm links to:
==========================================a:link {text-decoration:none; color:#0000ff; font-weight:normal;}
a:visited {text-decoration:none; color:#0000ff; font-weight:normal;}
a:hover {text-decoration:none; color:#00ff00; font-weight:normal;}
p.image
{
position:absolute;
left:0px;
top:0px;
}p.pic
{
position:absolute;
left:275px;
top:104px;
}p.message
{
position:absolute;
left:215px;
top:475px;
}p.nav
{
position:absolute;
left:284px;
top:2px;
width:500px;
}p.nav
a:link{text-decoration:none; color:#0000ff; font-weight:bold;}p.nav
a:visited{text-decoration:none; color: #0000ff; font-weight:bold;}p.nav
a:hover{text-decoration:none; color: #00ff00; font-weight:bold;}p.display
{
position:absolute;
left:55px;
top:50px;
width:650px;
height:400px;
overflow:auto;
font-family:"bookman old style",sans-serif;
font-size:12px;
background-color:transparent;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #ffffff;
filter: chroma (color=#ffffff);
}p.toc
{
position:absolute;
left:125px;
top:138px;
width:100px;
}p.display1
{
position:absolute;
left:272px;
top:132px;
}p.bul
{
position:absolute;
top:102px;
left:253px;
}p.bur
{
position:absolute;
top:102px;
left:600px;
}p.bll
{
position:absolute;
top:350px;
left:253px;
}p.blr
{
position:absolute;
top:350px;
left:600px;
}
==================================Can someone please shed some light on this situation for me? Please feel free to view my website with
I.E., Netscape, and Opera.... amongst other browsers. Any advice is GREATLY appreciated.Thank you for your time,
*Nick*
Why are you using different .css files??? You need to use the one file, and define contextual clases within that file to represent the different areas of the site.
I just tried this with Firefox, and it does indeed look different to IE, but I wouldn't like to say which is the "correct" display since they both look faulty.
0 
Take Tsurfas advice
p.s, that writting at the start is unreadable
saying that on the popup webpage that comes out looks like yv used the 'system' font
Why? it looks ugly
0
i agree with jamie on this big time. that background pic on the popup is like the 60's, but if its just a personal site and you like it, i wont mess with it.
i dont see any big problems with IE except the words at the bottom are heard to read and on the first page all of links are all scrachy
with my firefox, the flash movie doesnt play (more than likely that i havent configured it too, i wouldnt worry about this)
however, on the popup, with firefox, NOTHING but those hard reading fonts at the top popup, no pic in them middle and no words at the bottom (possibly because i havent enabled javascript for firefox yet, i never use it).
aside from those, they're pretty much the exact same. im using 1024x768x32 res.FBI_Agent
0  |
 |
 |
This post is quite old and has been locked from receiving new replies. Please create a new posting instead.
| Ads by Google |
