Results 1 to 4 of 4
  1. #1
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: Center centering

    That tinyurl forwarded to localhost, which probably only works on your computer. <img src=/S/grin.gif border=0 alt=grin width=15 height=15>

    > How can I center <il class="bodybody"> (the gray colored section) in Firefox?

    You want to center the dark gray area so that the cyan strip is an equal size on both sides? Change the following:

    margin: 0px to margin: auto

    (tested only in Firefox)

    If want to center the contents of that[*] element, it would depend on the types of containers you place inside.

    > How can I truly center the menubar rather than use my cobbled together attempt
    > using <div id="menubarhome"> (which is off-center in both browsers)?

    I don't think the centering is the issue, so much as the 6 x 16%[*] elements doesn't fill the entire width. Firefox accepts this value:

    width: 16.66%;

    but I didn't try in IE.

  2. #2
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Center centering

    Hi Gary

    Find attached a revised version of your page. Sorry I got a bit carried away with the colours so it doesn't match yours exactly.

    I must say, I do like the menubar..seem to recognise the colours <img src=/S/evilgrin.gif border=0 alt=evilgrin width=15 height=15>. I see that you used UL and LI for the headings and subheadings which I think was a throw back from your last problem that we tried so that we could get the secondary nav bar to work. As we don't have that problem anymore I have split these out and just put them in div tags and just adapted some of the padding in bodybody so that you can see it.

    I hope this is what you want?
    Jerry

  3. #3
    4 Star Lounger
    Join Date
    Jan 2002
    Location
    Brookings, South Dakota, USA
    Posts
    449
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Center centering

    <P ID="edit" class=small>(Edited by gdrezek on 31-Mar-06 14:45. placed corrected url into MyTemplate link)</P>Hi All,
    I'm trying to put together a "template" of sorts for a project. There has been help here before, for this template (<post#=561,042>post 561,042</post#>) so some of this will look familiar and from Jezza's <post#=552,868>post 552,868</post#> which got me to use the Suckerfish dropdowns. I'm trying to design this so it looks good in both 800X600 and 1024X768 and in both FireFox and IE 6.0 (I figure IE7 will fall somewhere in between when that time comes). While alive, that link is here, MyTemplate (if not the files are in the attached zip file).

    My 2 questions on centering:
    How can I center <il class="bodybody"> (the gray colored section) in Firefox?
    How can I truly center the menubar rather than use my cobbled together attempt using <div id="menubarhome"> (which is off-center in both browsers)?

    Thank you.
    Attached Files Attached Files
    <IMG SRC=http://www.wopr.com/w3tuserpics/gdrezek_sig.jpg>
    "Those who dance are considered insane by those who can't hear the music" - George Carlin

  4. #4
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Center centering

    ...OK in addition here is a cleaned up version. I have taken away the concept of the header and subheader as class, they untidy things unnnnnecccccessssarily(can't remember how to spell <img src=/S/grin.gif border=0 alt=grin width=15 height=15>) and just used standard H5 and H6 tags for the headings and for the hell of it some specific tags for the text in the bodybody to show how you can adjust the look and feel of it...enjoy
    Jerry

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •