Log In · Register

 
Different Resolutions Makes Images' Position Incorrectly., Absolute does not work in this case, please help!?
illriginal
post Dec 18 2006, 12:11 AM
Post #1


Senior Member
*******

Group: Official Member
Posts: 6,349
Joined: Aug 2006
Member No: 455,274



Hey guys, I have two pics... one that says Tamacracker and one that's a pic of me and my girl.
The problem I'm havin is that she says both pictures are positioned all the way to the right.

I currently have this code in order to position both of them:

<div class="image" style="position: absolute; margin-left:100px; margin-top:400px; width:400px; height:300px; overflow: hidden;">
<img src="http://i62.photobucket.com/albums/h116/Tamacracker/meandbarbarakiss1-1.png">
</div>

<div class="image" style="position: absolute; margin-left:200px; margin-top:-210px; width:375px; height:140px; overflow: hidden;">
<img src="http://i62.photobucket.com/albums/h116/Tamacracker/Nametitle.png">
</div>


So I'm assuming because I'm currently using a higher resolution than her... where ever I align something, it's gonna look different on her screen. Is there a was to position it so that it stays where it needs to stay? I thought absolute did that for us.

Profile: www.myspace.com/illriginalized

Screen shot of what it's supposed to look like: http://i62.photobucket.com/albums/h116/Tam.../Myspace1-1.png


Supposedly I need to have an absolute div inside of a relative div in order to make this work? Ugh.. this is annoying.
 
 
Start new topic
Replies (1 - 4)
FoxLucky
post Dec 18 2006, 12:38 AM
Post #2


So um yeah
*****

Group: Official Designer
Posts: 745
Joined: Aug 2006
Member No: 459,873



Are you using the same browser? And also the (margin) part in front of your left and top tends to move the pictures with whatever browser you are using so I would just position it with top and left... Just a suggestion mellow.gif
 
illriginal
post Dec 18 2006, 03:02 AM
Post #3


Senior Member
*******

Group: Official Member
Posts: 6,349
Joined: Aug 2006
Member No: 455,274



Can you check my profile one more time and see if it did the trick? I had to re-align it after I took off the "margin"
 
FoxLucky
post Dec 18 2006, 11:08 PM
Post #4


So um yeah
*****

Group: Official Designer
Posts: 745
Joined: Aug 2006
Member No: 459,873



I've noticed that 'margin' causes it to reposition in diff browsers...and different profiles. Looks better...Where you want it I think. I'm using FF btw. I would bump up your "tamacracker" graphic though because the 'hover' is causing it to cut into the 'interests'
 
illriginal
post Dec 20 2006, 07:46 AM
Post #5


Senior Member
*******

Group: Official Member
Posts: 6,349
Joined: Aug 2006
Member No: 455,274



thanks lucky33554, I believe my profile is lookin a lot better. I took off the margin, and it did the trick. Now time to change the font of the titles of each paragraph(s) :D

EDIT: You guys can close this thread.
 

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