Skip to main content
R
Reagan5FC6
Participant
July 29, 2021
Question

2 sections at bottom of page are not centered

  • July 29, 2021
  • 2 replies
  • 150 views

Bear with me as I'm still newer to HTML. I've been fiddling with this trying to fix it for the past hour and a half but I can't find a solution. I have 3 separate sections at the bottom of my page - 2 columns (pink), a social media bar (blue), and a footer (gray). The pink is centered on the page but the blue and gray are not. They were at one point and the only thing I've changed to the code is just separating the footer from the rest so I could find it easier.

 

    This topic has been closed for replies.

    2 replies

    O
    osgood_
    Legend
    July 29, 2021

    Can you post the page code AND the css associated with the code in the forum please OR if you have a remote server upload the page and provide a url to it.

     

    Some one will be able to offer you some advice but probably not until someone can view your code.

     

    Images unfortunately dont tell us much.

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity Expert
    Community Expert
    July 29, 2021

    Sure.  Show us your code.  That's where the answer lies.

     

    First, validate code and fix reported errors.  Most likely, you have an orphaned <div> tag somewhere, perhaps more than one.  Go to Window > Results > Validation.  Click the triangle to check current document.

     

    Best & quickest way to get help: 

    Upload your work to a public web server you control and post the URL here.

     

    Distant 2nd and less preferred way:

    Copy & paste your HTML and CSS code into a web forum reply. 

     

    Nancy O'Shea— Product User & Community Expert
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices