Click here to get back home

Help with Firefox margin issue

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
Help with Firefox margin issue michaelzap 08-30-2005
Get Chitika Premium
Posted by Beauregard T. Shagnasty on August 31, 2005, 5:41 pm
Please log in for more thread options


michaelzap@gmail.com wrote:
> Beauregard T. Shagnasty wrote:
>
>> Please read: http://www.safalra.com/special/googlegroupsreply/
>
> Thanks for the tip!

You're welcome; I see it works.

>> One error can cause unexpected results. Best to fix them all
>> first.
>
> True. I'll fix them and see. Although I believe these errors are
> all specific to the home page, and this issue exists on all pages
> (and in another similar design I'm working on now).

"This issue" isn't much of an issue, to me. <g>

>> Switch back to Strict. Transitional is for .. modifications to
>> legacy pages you don't want to totally rewrite.
>
> I think that it does not validate as Strict, but it's been a while
> and I don't remember for sure.

Then write it so it will validate with Strict. Shouldn't be difficult
at all.

>> Don't understand how you could center the page vertically. It is
>> already about "two scrolls worth" of page.
>
> Depends on your monitor... On larger monitors this table causes the
> entire page to center vertically as well as horizontally. I like
> that effect enough to use a table to get it.

When I look at the page with a max 1024x768 resolution, and browser
maximized, the most-bottom thing I see is the link to "Hakko U.S.A.
Vice President". You must either have a very large monitor, or you
have no toolbars or tabs at the top of your browser window.

Besides, everyone I know expects the page to begin at the top of the
browser viewport, not in the middle.

>> If you must have background borders around the content, just do
>> that with some margin to the master <div>.
>
> That's how I'm doing it, but it's not working as I want on Firefox.
>
> Could it have to do with display:table? Without that Firefox does
> not wrap the div around the content, so I had to add it (and a
> second inner wrapper div). But perhaps I need to declare a
> border-collapse or other property for this div when it's defined
> that way?

Sorry, I've never needed to do that.

>>> So you don't see an extra pixel or two of white space around
>>> the inside edges in Firefox (on either end of the menu bar, for
>>> example)? Hmm that would be great if it's just me. Still I'm
>>> mocking up a similar site now, and I'm seeing the same issue on
>>> all four sides of the wrapper div.
>>
>> Yes, I do see a couple pixels of "white" space at the ends of the
>> menu bar. I like it that way. <g> From my non-deeziner's eye,
>> add even another pixel or two.
>
> It's funny, but everyone else says the same thing to me and wonders
> why I'm obsessing over something that looks different but fine.

Well, there is your answer! As I said above, it looks just fine the
way it is. 'Tis a good-looking site. The only thing I don't really
care for is the fact that it is fixed-width and requires horizontal
scrolling at anything less than about 750px.
http://home.rochester.rr.com/bshagnasty/bgridmarginset.html

Remember too, that none of your real visitors are going to look at the
pages in more than one browser. Only us authors compare across
multiple browsers. I doubt if anyone will ever contact you and say,
"Hey! There's a two-pixel white space next to the menu!! I'm not going
to buy your products!!!"

> I've lived with it this way for a while now, but now that I'm doing
> a new design with the same problem I want to figure it out once and
> for all. Call me obsessive (it's true).

Ok, you're obsessive!

> Thanks for your comments, btw.

Welcome.

--
-bts
-This space intentionally left blank.

Posted by michaelzap on August 31, 2005, 12:03 pm
Please log in for more thread options



> >> One error can cause unexpected results. Best to fix them all
> >> first.
> >
> > True. I'll fix them and see. Although I believe these errors are
> > all specific to the home page, and this issue exists on all pages
> > (and in another similar design I'm working on now).

This page validates fine, but also has the extra-pixel issue:
http://www.kyowa-usa.com/corporate.html

> Then write it so it will validate with Strict. Shouldn't be difficult
> at all.

And now I see why I switched from Strict to Transitional:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.kyowa-usa.com%2Fcorporate.html&charset=%28detect+automatically%29&doctype=XHTML+1.0+Strict&verbose=1

Knowing you're being obsessive doesn't always help you to stop doing
it, but I appreciate your comments anyway.


Similar ThreadsPosted
help with firefox issue February 25, 2008, 11:41 am
Firefox/IE7 display issue September 17, 2007, 4:53 pm
Netscape/Firefox image display issue February 21, 2006, 2:50 pm
margin above of

August 23, 2007, 5:15 am
What good is margin-bottom in IE? November 3, 2004, 1:28 pm
Netscape margin attributes June 2, 2006, 2:47 pm
strange behavior with IE and margin... June 12, 2006, 2:03 am
after setting 's margin to 0 it is still non zero! (IE only) January 18, 2007, 12:54 pm
margin under floated divs February 14, 2008, 1:06 pm
IE6 -> searching for padding or margin, i don't find it September 29, 2004, 6:40 pm

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap