Div Content Alignment, Shows up fine on my computer, not so great on others |
Div Content Alignment, Shows up fine on my computer, not so great on others |
![]()
Post
#1
|
|
![]() Always Move Fast ![]() ![]() ![]() ![]() Group: Member Posts: 167 Joined: Aug 2005 Member No: 192,635 ![]() |
My div content looks fine on my computer, but when I look at it on different computers, it's misaligned. The content moves to the left on other computers rather than staying in the center. Is there any way I can fix this?
Other users have said it looks fine on their screen, but some others not. So here is my link: http://www.myspace.com/_p_0 Thanks in advance! |
|
|
![]() |
![]()
Post
#2
|
|
![]() :D ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 979 Joined: Apr 2007 Member No: 516,187 ![]() |
No, DO not change your image cofing. Only change your content to 50%. 50% will make your divs centered on ALL screen resolutions. You only use 0% if you are making a div all the way on the left of the screen.
Change left:545px; to left:50% And, use margin-left:##px to position your div. Margin-left acts exactly the same as left |
|
|
![]()
Post
#3
|
|
![]() Always Move Fast ![]() ![]() ![]() ![]() Group: Member Posts: 167 Joined: Aug 2005 Member No: 192,635 ![]() |
No, DO not change your image cofing. Only change your content to 50%. 50% will make your divs centered on ALL screen resolutions. You only use 0% if you are making a div all the way on the left of the screen. Change left:545px; to left:50% And, use margin-left:##px to position your div. Margin-left acts exactly the same as left Ok so I've changed the left:325px to left:50% and everything moved way far from where it's supposed to be. And sorry for the much confusion, but where should I put the margin-left:##px ? My coding now looks like this: CODE <div class="content" style="position: absolute; left:50%; top:335px; width:620px; height:235px; overflow: auto; z-index:4;"> CONTENT </div> |
|
|
![]() ![]() |