Skip navigation
Currently Being Moderated

problems getting divs next to each other

Feb 13, 2013 11:10 AM

I have a footer div and inside there I have two further divs.







     END DIV



     END DIV






I am wanting to left align some footer links in the left footer div and one link to my site in the right footer div.


I attach an image, where the TD Webservices needs to be right floated to the end of the footer L div


Both the FooterL and FooterR divs are float left


The width of the footer is 960, the footerL is 850 and the FooterR is 100


Please could someone advise where I am going wrong?Image1.jpg

  • Currently Being Moderated
    Feb 13, 2013 11:13 AM   in reply to terryfoster

    Use CSS floats.


    #footerLt {

    float: left;

    width: 40%;

    text-align: left;



    #footerRt {









    <div id="footerLt">

    <p>This is footer left</p>




    <div id="footerRt">

    <p>This is footer right</p>




    Nancy O.

    Mark as:
  • Currently Being Moderated
    Feb 13, 2013 12:25 PM   in reply to terryfoster

    Try this (inline styles used here for expediency).


    <div id="footer" style="overflow:hidden">

    <div id="footerMenuL" style="float:left; width: 65%; padding-left:12px">

    <p style="font-size:small; color: #666">Home | Services | Contract History |  Resume | Contact</p>

    </div><!--div id = footerMenuL -->


    <div id="FooterMenuR" style="float:right; width:25%; text-align:right; padding-right:12px;">

    <p style="font-size:small; color: #666">TD Web Services</p>

    </div><!--div id = footerMenuR -->

    </div><!--div id = footer -->



    Nancy O.

    Mark as:
  • Currently Being Moderated
    Feb 13, 2013 1:14 PM   in reply to terryfoster

    Alas I don't do zip files.   Your list styles are messing you up. 

    The code I gave you works.   See link below & view source.




    Nancy O.

    Mark as:
  • Currently Being Moderated
    Feb 13, 2013 5:39 PM   in reply to terryfoster

    I think your biggest problem is line 56

    <div id="FooterMenuR">


    <div id="footerMenuR">

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points