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 ![]() |
In your div coding, change the
CODE left:0%; to CODE left:50% The reason your div is mis aligned on other computers, is because you have your divs set to left:0%, which will make all your divs uncentered, and will not move when you adjust the width of your browser. By changing your left:0's to 50's, it will center your divs, making your profile appear the same on all screen resolutions. |
|
|
![]()
Post
#3
|
|
![]() Always Move Fast ![]() ![]() ![]() ![]() Group: Member Posts: 167 Joined: Aug 2005 Member No: 192,635 ![]() |
In your div coding, change the CODE left:0%; to CODE left:50% The reason your div is mis aligned on other computers, is because you have your divs set to left:0%, which will make all your divs uncentered, and will not move when you adjust the width of your browser. By changing your left:0's to 50's, it will center your divs, making your profile appear the same on all screen resolutions. My div coding for my Image is set to 0%, do you want me to change my content coding to zero? Here's my coding for the first div content: CODE <div class="content" style="position: absolute; left:325px; top:335px; width:620px; height:235px; overflow: auto; z-index:4;"> contenttextpicture blablaha;dslkfja;sldkjf;asldf </div> And Here's the coding for my second: CODE <div class="content" style="position: absolute; left:325px; top:600px; width:620px; height:210px; overflow: auto; z-index:4;"> contentpicturestext blah a;sdlkfj;alsd </div> |
|
|
![]() ![]() |