adelatrifan Posted September 12, 2006 Share Posted September 12, 2006 Hi,I'm working on this website, and only in Firefox MAC the div "container" is pushed down by about 25 px ! Maybe someone can help me with a hack Firefox on MAC?Here is the html code:<body runat="server" id="body"><div id="wrapper"> <div id="container"> <div id="header">and here is the CSS for the three divs:body { background-color: #fff; font-size: 13px; font-family: Arial, Sans-Serif; color: #333; background-image: url(../img/bg_main.gif); background-repeat: repeat-x; padding: 0; margin: 0; cursor: default; }#container { display: block; margin: 0 auto; width: 785px; padding-top: 10px; position: relative; padding-bottom: 50px; } Link to comment Share on other sites More sharing options...
BiteMe Posted September 12, 2006 Share Posted September 12, 2006 Is there some more code? Link to comment Share on other sites More sharing options...
adelatrifan Posted September 12, 2006 Author Share Posted September 12, 2006 Is there some more code?HI,Yes, there is more code:<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>Watermart</title> <meta name="Author" content="© 2006 - Web Affairs" /> <meta http-equiv="imagetoolbar" content="no" /> <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /> <link rel="StyleSheet" href="css/main.css" /> <script type="text/javascript" src="js/main.js"></script></head><body runat="server" id="body"><div id="wrapper"> <div id="container"> <div id="header"> <a href="Home.aspx" style="text-decoration:none;"><h1 title="Back to home page">WaterMart</h1> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="762" height="196" align="middle" id="flash"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="flash/watermart2.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <embed src="flash/watermart2.swf" quality="high" bgcolor="#ffffff" width="762" height="196" name="watermart2" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" class="flash" /> </object></a> <ul id="mainMenu"> <li><a href="NeedHelp.aspx?Categ=R">Residential Systems</a></li> <li><a href="NeedHelp.aspx?Categ=O">Office Systems</a></li> <li><a href="PartsAndAccessories.aspx" class="last">Filters, Parts & Accessories</a></li> </ul> <ul id="subMenu"> <li><a href="ShipmentTracking.aspx">Track Your Order</a></li> <li><a href="Contact.aspx">Contact Us</a></li> <li><a href="#" class="last">All About Water Systems</a></li> </ul> <form action="ClientProfile.aspx"> <div id="loginSmall" title="Login to your existing profile"> Email: <input type="text" name="email" style="margin-left:20px;"><br> Password: <input type="password" name="password"><br> <input type="submit" class="buttonSmall" value="Login to your profile"> </div> <a href="ProductsSearchAll.aspx" title="Click here to search the site" id="advSearch"> Advanced<br>Search </a> </form> </div><form id="form1" runat="server"> <div id="leftCol"> <asp:contentplaceholder id="ContentPlaceHolder1" runat="server"/> </div> <div id="content"> <asp:contentplaceholder id="ContentPlaceHolder2" runat="server"/> </div> <div id="rightCol"> <asp:contentplaceholder id="ContentPlaceHolder3" runat="server"/> </div></form> <br style="clear: left;"> </div> <div id="footer"><div> <p class="webaffairs">Created & powered by <strong>WebAffairs</strong> - <a href="http://www.webaffairs.ca" target="_blank" title="WebAffairs - Toronto Web Design">Toronto Web Design</a></p> <p>© 2006 WaterMart. All rights reserved. | <a href="#">Privacy Policy</a></p> </div></div></div></body></html>Thanks a lot! Link to comment Share on other sites More sharing options...
BiteMe Posted September 13, 2006 Share Posted September 13, 2006 tryh1{margin:0px;} Link to comment Share on other sites More sharing options...
adelatrifan Posted September 13, 2006 Author Share Posted September 13, 2006 tryh1{margin:0px;}Hi,It already has the margin 0.I think the simplest way to go is to write a code only for Firefox on MAC and put the margin -25px, is that possible? Like for example this code, but specifically for MAC:/* for Mozilla/Safari */ *>#container { padding-top: 0px; }/* //for Mozilla/Safari */ Link to comment Share on other sites More sharing options...
BiteMe Posted September 14, 2006 Share Posted September 14, 2006 Well using the code you supplied and the css, adding a margin 0 to the h1 tag worked fine this end. Am i missing some css? Link to comment Share on other sites More sharing options...
Cronthenoob Posted September 14, 2006 Share Posted September 14, 2006 Use this for the body tag, or you can put it into your CSS <body topmargin="0">orbody { margin-top:0px;} Link to comment Share on other sites More sharing options...
adelatrifan Posted September 14, 2006 Author Share Posted September 14, 2006 Use this for the body tag, or you can put it into your CSS<body topmargin="0">orbody { margin-top:0px;} Hi,The body already has margin 0. And the problem with this margin on top it displays only on Firefox on Mac,here is the url:http://preview1.artaffairs.com/watermart/Home.aspxThanks! Link to comment Share on other sites More sharing options...
Cronthenoob Posted September 14, 2006 Share Posted September 14, 2006 Wheres the CSS for your wrapper element?Thats the only other thing I would look at. But I think the site looks great even with that strip of blue at the top. Link to comment Share on other sites More sharing options...
adelatrifan Posted September 14, 2006 Author Share Posted September 14, 2006 Wheres the CSS for your wrapper element?Thats the only other thing I would look at. But I think the site looks great even with that strip of blue at the top.Hi,Thanks, but actually the blue border on top should be there (the blue horizontal lines are a background image), it's only that on my Mac all the content on all pages except the homepage( logo, text, menu text) is pushed down, so for example the brown background for Advanced Search overlaps the horizontal menu bar and the text that should appear o the blue menu bar appears under the bar...I'll take a look at the wrapper css:#wrapper { position: relative; width: 100%; height: 100%; }T Link to comment Share on other sites More sharing options...
adelatrifan Posted September 15, 2006 Author Share Posted September 15, 2006 Thanks guys, I solved the problem! I had a sing-in form in the header, I took that out and now it looks perfect!!! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now