Solved

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

Posted on 2009-05-05
1
487 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

#Citrix #Internet Explorer #Enterprise Mode #IE 11 #IE 8
This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
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…

729 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