/    Sign up×
Community /Pin to ProfileBookmark

A few issues with my web page

Copy linkTweet thisAlerts:
Apr 12.2010

Hi Guys,

I am having a couple of issues with my web page.

  • 1.

    The #container division does not wrap around the entire contents of the page. It only appears around the top banner. Even though all other sub divs are placed in between the main container div tags.

  • 2.

    How do i vertically align the text ‘payment’ and ‘top’ in the middle in the long shiney blue bar. I have tried display:cell and vertical-align:middle; but cannot get it to work.

    • You can find the link to my page here: [URL=”http://www.awais-muzaffar.co.uk/sample/template.html”]http://www.awais-muzaffar.co.uk/sample/template.html[/URL]

    And I have also attached a screenshot, illustrating the problems: [URL=”http://www.awais-muzaffar.co.uk/sample/help.jpg”]http://www.awais-muzaffar.co.uk/sample/help.jpg[/URL]

    Kind Regards,
    Awais M.

    to post a comment
    CSS

    3 Comments(s) ↴

    Copy linkTweet thisAlerts:
    @skywalker2208Apr 12.2010 — Take a look at the link below. Your issue has to do with clearing your floats for your left and right columns.

    http://www.quirksmode.org/css/clearing.html

    For your second issue try using line-height: 20px;
    Copy linkTweet thisAlerts:
    @Awais-MuzaffarauthorApr 12.2010 — Ok, thanks for that skywalker2208, the first two issues are resolved.

    My final issue is that the top and bottom spacing between list items appears doubled in IE6.

    Screenshot: http://www.awais-muzaffar.co.uk/sample/ie6.JPG

    Kind Regards,

    Awais M.
    Copy linkTweet thisAlerts:
    @skywalker2208Apr 12.2010 — Remove the display: block

    [CODE]
    .shop-cat ul li a {
    display:block; /* Remove */
    color:#4d4d4d;
    }
    [/CODE]
    ×

    Success!

    Help @Awais-Muzaffar 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.29,
    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,
    )...