View Full Version : Understanding code for different browsers. IE, Safari

05-11-2007, 09:24 AM
Hi all,

I have recently set up a myspace for my arts business and have been trying to teach myself basic code to add images to the left hand column of my profile.

my URL is http://www.myspace.com/meghanorourkejewellery

I have been using the following code, and setting the images using absolute positioning to be a certain distance from the top and from the left of my page.

<img src="http://aycu34.webshots.com/image/15313/2000564723128318225_rs.jpg" style="position:absolute; left:107px; top: 650px;" border="0">

Now heres the problem. I can get the images to appear aligned for Internet Explorer, however when I view my profile on my Mac the images are wayyyyyy out of position. Is there a way to overcome this?

What I would like to know is if there is another code that I could use that positions the image in a different way (not absolute positioning), so that the images are aligned with other standard elements in this left hand column which seem to stay in the correct alignment when viewed on both Safari (mac) and IE on a PC.

I have read up on margins and floating items. However I donít understand how to write code for these actions.
Are there any websites that have code generators for changing these properties? Or explain it in a simple way? (my code writing skills are pretty bad)

Any suggestions would be greatly appreciated.

warm regards


05-12-2007, 12:50 AM
I feel like I'm back in the myspace coding forum!
Anyway: a standard rule that all myspacers have to abide by is the no covering the myspace banner ad rule.
granted, it may take a long time for someone to "catch" you and usually this only happens if someone decides to be a rat.
The thing is, it is myspace so no visitor to your page expects it to be like a personal website(with no banner ads by myspace visible) so there isn't a need to cover it.Also you may find it horrible and intrusive to your design but no one really notices them!
That being said I only viewed the source for a second before I saw that you had many seperate style sheets.You only need one.If you get really out there you can add one per section.
Also your positioning of your pics as if they were divs: remember you are styling inside a heavily structured default set up.This is why most opt to do an overlay.First you hide everything then you add in your page design.I know it sounds complicated but google myspaceprodesigns or just google myspace div overlay.
good luck!

05-12-2007, 12:53 AM
Have you considered using Blogger instead?

05-12-2007, 01:10 AM
When you use position:absolute without nesting it inside a position:relative you completely lose control of where it will apprea relative to anything else on the page.