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:37 PM
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. |
|
|
|
Oct 16 2007, 05:46 PM
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> |
|
|
|
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![]() ![]() |