severe browser incompatibility

Ninjakreborn · May 9, 2006

I know a lot about css now, I have been doing it for a long time, I also know quite a bit about browser compatibility, I have designed sites, fixed problems between browsers, but this time, I built a site, It looks alright in internet explorer, but when it comes down to firefox, and opera it looks funny.
[a href=\"http://www.freelancebusinessman.com\" target=\"_blank\"]http://www.freelancebusinessman.com[/a]
[code]
/* Begin main styling */
body
{
background-color:#7a97a5;
color:#000000;
}

.maintext
{
position:absolute;
left:202px;
top:250px;
width:550px;
border:thin;
border-style:solid;
border-color:#666666;
}

h3
{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

p
{
text-indent:1em;
}
/* End main styling */
/* Begin Logo styling */
.logo
{
border:0;
position:absolute;
top:0px;
left:0px;
}
/* End Logo styling start */
/* Begin styling Main Navigation */
#mainnav
{
position:absolute;
top:250px;
left:-40px;
list-style:none;
}

#mainnav li
{
display:block;
width:190px;
border:1px;
border-color:#666666;
border-style:solid;
background-color:#666666;
padding-left:10px;
font-family:Georgia, Arial, Helvetica;
font-size:14px;
}

#mainnav a:link
{
color:#000000;
background-color:#666666;
text-decoration:none;
}

#mainnav a:visited
{
color:#000000;
background-color:#666666;
text-decoration:none;
}

#mainnav a:hover
{
color:#CCCCCC;
background-color:#333333;
text-decoration:none;
}

/* End styling Main Navigation */

/* Begin styling secondary top navigation */

#secondarynav ol
{
list-style:none;
border:1px;
border-style:solid;
}

#secondarynav li
{
display:inline;
border-right:thin;
border-right-color:#000000;
background-color:#000000;
font-family:Georgia, Arial, Helvetica;
font-size:14px;
}

#secondarynav a:link
{
text-decoration:none;
color:#000000;
background-color:#666666;
}

#secondarynav a:visited
{
text-decoration:none;
color:#000000;
background-color:#666666;
}

#secondarynav a:hover
{
text-decoration:none;
color:#CCCCCC;
background-color:#333333;
}

/* End styling secondary top navigation */
[/code]

Xhtml below here
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="freelancebusinessman.css" />
<title>Welcome to Freelance Businessman, the one stop source for web design/coding/programming</title>
</head>
<body>

<a href="index.php">
<img src="images/banner.jpg" alt="Freelance Businessman logo" class="logo" width="900" height="250" /></a>


<div id="mainnav">
<ol>
<li>Site Index</li>
<li><a href="aboutme.php" title="Clicking this will take you to the About Me page">About Me</a></li>
<li><a href="webdesignethics.php" title="Clicking this will take you to the Web Design Ethics page">Web Design Ethics</a></li>
<li><a href="webcodingethics.php" title="Clicking this will take you to the Web Coding Ethics page">Web Coding Ethics</a></li>
<li><a href="webprogrammingethics.php" title="Clicking this will take you to the Web Programming Ethics page">Web Programming Ethics</a></li>
<li><a href="otherwebsiterelatedethics.php" title="Clicking this will take you to the Other Website Related Ethics">Other Web site Related Ethics</a></li>
<li><a href="skillsandservices.php" title="Clicking this will take you to the Skills and Services page">Skills and Services</a></li>
<li><a href="portfolio.php" title="Clicking this will take you to the Portfolio page">Portfolio</a></li>
<li><a href="extrainformation.php" title="Clicking this will take you to the Extra Information page">Extra Information</a></li>
<li><a href="advancedforms.php" title="Clicking this will take you to the Advanced Forms page">Advanced Forms</a></li>
<li><a href="specialfeatures.php" title="Clicking this will take you to the Special Features page">Special Features</a></li>
<li><a href="freeresourcesandlinks.php" title="Clicking this will take you to the Free Resources and Links">Free Resources and Links</a></li>
<li><a href="recentupdates.php" title="Clicking this will take you to the Recent Updates page">Recent Updates</a></li>
</ol>
</div>

<div id="secondarynav" style="position:absolute;, left:162px; top:830px;">
<ol>
<li><a href="privacypolicy.php" title="Clicking this will take you to the Privacy Policy page">Privacy
Policy</a></li>
<li><a href="copyrightnotice.php" title="Clicking this will take you to the Copyright Notice page">Copyright Notice</a></li>
<li><a href="basiccontactpage.php" title="Clicking this will take you to the Basic Contact page">Basic Contact Page</a></li>
<li><a href="basiclinkexchange.php" title="Clicking this will take you to the Basic Link Exchange page">Basic Link Exchange</a></li>
<li><a href="creditinginformation.php" title="Clicking this will take you to the Crediting Information page">Crediting Information</a></li>
</ol>
</div>
<div class="maintext">
<h3>Welcome to Freelance Businessman</h3>
<p>I want to thank everyone for visiting.  There are a lot of reasons why this site could help you.
This site isn't just intended for one person, but for many.  It was generally created for the purpose of my business.  There are however been some additions during construction that accommodate a large
number of people.  So not only will people seeking a freelance designer, coder, programmer find what they need, but other people will find something here for themselves also.</p>
<p>For people that are coming here, with the possibility of being clients, then you will find everything here about me and my business.  The ethics pages, detail my thoughts, opinions, ethics, and morals when it comes to the listed areas.  My Services, Skills, and portfolio explain information about my abilities, what services I offer, and previous projects I have worked on.  If you are visiting my site because you have a project that You need completely, you will find it easier contacting me through the advanced forms page.  There you can get quick quotes, and submit job information much quicker.  The basic contact page should only be used for small issues.  Even site errors can be reported through one of the advanced form pages.</p>
<p>If you are not a potential client, there might be something for you here as well.  I have an extensive list of resources and links which are updated on a very regular basis.  Also the links listed, are not random worthless links, all of them are links that are actually helpful, and a brief explanation of why they can be helpful are listed for each one.  There are also tutorials available on the site, and again not just any tutorials.  I am familiar with how people generally learn, it sometimes take a better explanation than what you see online, so I intend to make the tutorials friendly to everyone, beginner and advanced web designers, coders, programmers alike.  I will have tutorials on everything related to web sites, and will be accepting approved submissions.</p>
<p>So again thank you for visiting Freelance Businessman, and have a look around.</p>
</div>
</body>
</html>

[/code]
The other thing I thought of was using javascript or php to detect the type of browser and switch the stylesheet accordingly, but I don't see hte point in having to go to all that trouble every time I build a website, other people don't unless it's there specific style, and I use a combination of 95% external style sheet and 5 percent inline when I have to just position one element seperately for each page, any ideas with what could be the problem.

Sign In

severe browser incompatibility

Recommended Posts

Ninjakreborn

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information