Need to align social media icons with the right side of the page

1 Views

Please check this page: http://badadesigns.com/work438/

Here at the top of the page there are social media icons but they are not aligned to the right side of the page. When I am resizing the browser page then the alignment is changing.

Read More

I am really not sure what code is being used, but I think this is it: 

#logincont {
    width:330px;
    float:left;
    margin-left:1145px;
}

Can anyone please help me with the alignment so that it is fixed and set along the right side border of the page?

Post Views: 1

Related posts

Leave a Reply

4 comments

  1. div #logincont is set to float:left and has a huge margin-left which is unnecessary.

    It should be float: right without margin, like this

    #logincont {
    width:330px;
    float:right;
}

    Update : If I understand correctly, you want the social media icons to be aligned on the right but not further than the content of the site.

    Try this :

    #logincont {
    width: 940px;
    text-align: right;
    margin: 0 auto;
}

    width is set to the width of the #content div, the content of #logincont is aligned right and #logincont itself is centered on the page with margin: 0 auto

  3. You could try this:

    #logincont {
    width:330px;
    float:right;
}

    Based on your requirements and the type of element you might need to add more properties.

  4. Not sure what you’re looking for specifically, but try this:

    #login {
background: #113240;
color: #DDD;
height: 30px;
padding: 8px;
position: fixed;
z-index: 3;
top: 0;
right: 0;
left: 0;
}
#logincont {
width: 330px;
position: fixed;
right: 0;
}
#header {
background: white;
border-bottom: 1px solid #EBEBEC;
padding: 4.429em 0 0;
position: relative;
z-index: 1;
}