...

View Full Version : css - firefox on a mac problem



angyl
03-04-2010, 05:43 AM
I'm using the following css and it works fine in IE on a PC, Firefox on a PC and Safari on a Mac -but in Firefox on a Mac the div class I've defined as "title" is left justified within the div id "content" (not justified all the way to the left of the screen). Does anyone know a work around that doesn't mess up other browsers?

Thanks!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
html, body{height: 100%; text-align: center;}
* {margin: 0; padding: 0;}
#wrap {width: 1000px; min-height: 100%; height: auto !important; height: 100%;
margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
text-align: left; background: url(body.jpg) repeat-y;}
#header {width: 1000px; height: 150px; background: url(composite.jpg) no-repeat;}
#lcol {width: 187px; float: left; padding: 5px 0 0 0;}
#content {margin: 0 20px 0 187px; padding: 5px 0 0 0;}
#rcol {width: 20px; float: right; padding: 5px 0 0 0;}
#footer, #push {width: 1000px; height: 50px; margin: 0 auto;}
#footer {border-top: 2px solid black; background: #fff; text-align:right;}
#push {clear: both; background:none;}
.title {position:absolute; top:-32px; left:500px; padding-left:5px; padding-top:150px}
</style>
</head>

<body>
<div id="wrap">
<div id="header"></div>
<div id="lcol">
blah blah - content
<!--closes lcol --></div>

<div id="rcol"><!--closes rcol --></div>

<div id="content">
<div class="title"><h1>title</h1></div>

Excavator
03-04-2010, 05:40 PM
Hello angyl,
Looks like your code got cut off. A link to the test site would be easier.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum