Solved

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

Posted on 2009-05-05
1
476 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 500 total points
ID: 24311431
I see you've sorted it, the problem was the absolute positioning should have been relative.
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Do you come here a lot? Are you lazy like me and don't want to go through the "trouble" of having to click your Dock's Safari icon and then having to click your Experts Exchange Favorites bookmark to get here? Well then this article is for you.
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
This Micro Tutorial will demonstrate how to add subdomains to your content reports. This can be very importing in having a site with multiple subdomains.

760 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now