/    Sign up×
Community /Pin to ProfileBookmark

Anyone know a quick fix for a Mozilla div problem?

Copy linkTweet thisAlerts:
Jul 21.2006

Hello, quick note–I already put my pages through the W3 validator and all the div formatting checks out.

After formatting pages in Internet Explorer I notice Mozilla views the pages differently. From what I can tell this is pretty common knowledge so maybe others of you have had to reformat your pages a bit to please both browsers. Even though it looks like common knowledge of problems pleasing all browsers, I can’t find any specific data on how Moz reads divs differently. Does anyone know of a common div fluke that Moz reads differently than the others?

What is happening is a div that looks fine in IE is 5 pixels too short in height in Mozilla.

Before you ask I can’t show you the page, I have ALL my divs formatted on a
external stylesheet for ALL my pages. So you see you would have to look through a lot of code to figure it out. Also my pages aren’t proud enough to show.

I was hoping someone might know an easy fix. For example, can I just increase one IE div by 5 pixels and put overflow:hidden in the css external or something? I tried it and its not working. Hoping there are other proven tricks that work to satisfy Moz. Thanks!

to post a comment
HTML

5 Comments(s) ↴

Copy linkTweet thisAlerts:
@CentauriJul 21.2006 — IE is the browser that doesn't do things properly like the others, not the other way round....

Start by styling the body of your page with border, padding and margin set to 0

Refer also to:

http://www.positioniseverything.net/explorer.html

http://www.communitymx.com/content/article.cfm?page=2&cid=C37E0

http://www.howtocreate.co.uk/wrongWithIE/

Cheers

Graeme
Copy linkTweet thisAlerts:
@RiannaauthorJul 21.2006 — Thanks, I know what you mean but there are no IE div problems I can think of that would cause this. Also most people use IE... but if you can think of some IE problems that would cause this I'll take a look at those as well. I'll check out your links.
Copy linkTweet thisAlerts:
@CentauriJul 21.2006 — Quite often, a problem in another area can cause you to be looking in the wrong place, which can be frustrating - you may spot something in one of those articles. Sometimes if I have a problem like this, and there is a lot of content etc on the page, I will start a new page and try to replicate the problem with as little as possible - makes it MUCH easier to work out what is going on.

Happy Hunting

Graeme

Edit: also make sure you have a valid doctype and that IE isn't in quirks mode
Copy linkTweet thisAlerts:
@ray326Jul 21.2006 — but there are no IE div problems I can think of that would cause this[/QUOTE]So how many IE div problems can you think of?
Copy linkTweet thisAlerts:
@drhowarddrfineJul 21.2006 — Rianna, the problem is this. If IE has a bug causing divs to be 5px too tall, and you design your page using IE, then you would say all other browsers are not displaying correctly. And this is the all too frequent problem when someone says "But it works in IE!" (see link below). IE has innumerable problems displaying standard code while all other browsers do a much, much better job of it. So the mantra is design using Firefox/Opera/Safari then adjust for IEs quirks and bugs.

Chances are the div problem is related to IEs choice of margin or padding. Most of us set both to zero at the head and then set each 'class' to what we would like.
×

Success!

Help @Rianna spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.24,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...