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 |
Oct 16 2007, 05:32 PM
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! |
|
|
|
![]() |
Oct 16 2007, 05:49 PM
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 |
|
|
|
Oct 16 2007, 06:03 PM
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> |
|
|
|
Unfold Div Content Alignment Oct 16 2007, 05:32 PM
digitalfragrance What resolution and browser are you using? It look... Oct 16 2007, 05:36 PM
Unfold QUOTE(digitalfragrance @ Oct 16 2007, 05... Oct 16 2007, 05:54 PM
Insurmountable To add the margin-left use this code now:
CODE... Oct 17 2007, 11:41 AM
Unfold Thank you very much! It worked on my laptop an... Oct 17 2007, 02:56 PM
Insurmountable ^Yep, should work
looks perfect on my computer ... Oct 17 2007, 02:58 PM
Unfold Nope! You can close the topic Oct 17 2007, 03:02 PM
Insurmountable kk
Topic closed,
have a great day!
Have any... Oct 17 2007, 03:02 PM![]() ![]() |