Log In · Register

 
Div Content Alignment, Shows up fine on my computer, not so great on others
Unfold
post 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!
 
 
Start new topic
Replies
IBangBaby
post 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.
 
Unfold
post Oct 16 2007, 05:46 PM
Post #3


Always Move Fast
****

Group: Member
Posts: 167
Joined: Aug 2005
Member No: 192,635



QUOTE(SinfullySweet @ Oct 16 2007, 05:37 PM) *
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>
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: