• On https://philipus.com I have two lines in the footer, both are divs.

    Each div is centered with width: 50% and margin: auto but the upper one – for reasons I just cannot understand – is offset to the left by 6px.

    I’ve tried everything but I just cannot find the solution.

    Help!
    /p

Viewing 6 replies - 1 through 6 (of 6 total)
  • unfortunately, these lines are not visible in IE7 or FF3.6.

    can you post a link to a specific post/page, where this problem can be seen?

    you could also paste the code of footer.php (or whatever template files the divs are in) into a https://pastebin.com/ and post the link to it here.

    Thread Starter pullman

    (@pullman)

    Unfortunately, these lines are not visible in IE7 or FF3.6.

    That’s odd. They appear on my PC in IE8, incl in compatibility mode, and in FF3.6. On Chrome, FF3.6.8 and Safari on the Mac they’re also visible. I mean the navigation menu and the copyright text (sorry if I wasn’t clear).

    Thank you for tipping of the pastebin service – I wasn’t aware of that.

    I’ve pasted footer.php into this bin and style.css into this bin.

    I’m grateful for your help.
    philip

    i was thinking of linear lines ??

    a:
    the divs are perfectly aligned, which you could see if, for instance, you add a border around them.
    b:
    the whole balance of centering the menu in the footer depends on a lot of factors, such as paddings and margins on the menu items, the way the items are floated/or not, etc.
    even more, any changes might also effect the drop-up menu.

    you might be able to tweak the line a bit by changing here (in skeleton.css):

    #nav li a {float:left; color:#000; margin:0 25px 0 10px; height:20px; line-height:20px; text-decoration:none; white-space:nowrap;}
    for instance changing the 25px to 21px.

    but also keep in mind, that any browser without the verdana font will display the line totally different.

    Thread Starter pullman

    (@pullman)

    Thanks very much for the reply.

    #nav li a {float:left; color:#000; margin:0 25px 0 10px; height:20px; line-height:20px; text-decoration:none; white-space:nowrap;}
    for instance changing the 25px to 21px.

    The links in the Skeleton menu “float” (if that’s the right word) from the left, meaning that when I change the margins of nav li a the extra space is added from the left. That makes it a bit of guess-work to figure out how to center the menu.

    I assume extra space added by adjusting the margin would be evenly spread if the links in the menu floated in the center somehow. Can this be done?

    but also keep in mind, that any browser without the verdana font will display the line totally different.

    I would have hoped Verdana is a pretty common font today. Isn’t that the case?

    Thank you for your assistance.
    /p

    I assume extra space added by adjusting the margin would be evenly spread if the links in the menu floated in the center somehow. Can this be done?

    probably – the trouble is finding someone who might be willing to assist.

    however, there is no ‘float: center’ ??

    I would have hoped Verdana is a pretty common font today. Isn’t that the case?

    you are probably right.

    Thread Starter pullman

    (@pullman)

    Ok thanks for your help.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Please help – one of two centered Divs is offset by a few px (gaah)’ is closed to new replies.