By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
432,440 Members | 1,041 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 432,440 IT Pros & Developers. It's quick & easy.

Firefox / Opera extra padding

P: 7
I've been killing myself for the past few hours trying to get this working in Firefox and Opera. The page renders as I'd like in IE7, I haven't checked in other IE versions yet. You can see the page at www.g15haven.com/index.html and the css is at http://www.g15haven.com/css/main.css

The problem specifically is in the sections I have on the page. News, Login, Advertisements etc... have an extra margin above the title bar. I can add
margin-top: -12px;
to titlemain but this ruins the rendering in IE. Does anyone have some ideas for how I can get the title bars up to the top of the container in Firefox and Opera without ruining IE's rendering?
Oct 6 '06 #1
Share this Question
Share on Google+
3 Replies


drhowarddrfine
Expert 5K+
P: 7,435
There is no such thing as float:top. Don't know if removing that and adjusting will fix it but it's in the area of concern.

You noticed that any code written using IE7 does not work in any other browser, including IE6. Never design and test using IE of any version. It is old, buggy and non-standard. Yes, I mean IE7, too.

Always use a modern browser like Firefox or Opera. Then adjust for IEs quirks and bugs.
Oct 7 '06 #2

P: 7
Alright, I've removed
float: top
but I still have the extra padding in Firefox and Opera... or I suppose a lack of padding in IE7. I just don't see where this padding would be coming from in my CSS.
Oct 7 '06 #3

P: 7
Alright, I got it working in IE7, Firefox, and Opera now. It was a lot of tweaking so I can't really point out exactly what i needed to change to get it to work but I finally did. Thanks for your help.
Oct 7 '06 #4

Post your reply

Sign in to post your reply or Sign up for a free account.