?
Solved

Positioning Problems on a Mac in Safari and Firefox - Firefox on PC looks fine

Posted on 2009-05-05
1
Medium Priority
?
495 Views
Last Modified: 2013-12-07
I can't figure out why my layout is messed up on a Mac in Safari and Firefox. The CSS positioning of the footer isn't working properly. It looks fine on my PC in Firefox and IE. It also looks fine in Netscape on both Mac and PC. I must be missing something...

Here is the link: http://www.lebrushartistry.com/lebrush_artistry.php

Pasting the CSS code below.
Attaching am image of how the page should look.
#footer { 
	position: relative;
	display: block;
	background-image: url(../images/bg_footer.gif);
	width: 771px;
	height: 160px;
	clear: both;
	color: #FFFFFF;
}
 
a.footer_nav
{
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	top: 8px;
}
 
a.footer_nav:hover
{
	text-decoration: underline;
}
 
a.footer_link
{
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
}
 
a.footer_link:hover
{
	color: #35775e;	
	text-decoration: underline;
}
 
.info_ttl {
	position: relative;
	top: -5px;
	left: 440px;
	width: 101px;
	float: left;
}
 
.info {
	font-size: 8pt;
	color: #FFFFFF;
	position: relative;
	top: -5px;
	left: 460px;
	width: 170px;
	float: left;
}

Open in new window

screenshot-correct.jpg
Picture-5.jpg
0
Comment
Question by:rneptune
1 Comment
 
LVL 18

Accepted Solution

by:
Philip_Spark earned 2000 total points
ID: 24311431
I see you've sorted it, the problem was the absolute positioning should have been relative.
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
Following on from our article on "The Murky World of Consent and opt in", we thought we would issue some helpful guidance, not only on consent itself but knowing what information you are capturing, what you are doing with this data and how you can p…
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…
Want to learn how to record your desktop screen without having to use an outside camera. Click on this video and learn how to use the cool google extension called "Screencastify"! Step 1: Open a new google tab Step 2: Go to the left hand upper corn…
Suggested Courses

621 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question