Log In · Register

 
what's with the different browsers?
OCSpersonel
post Apr 20 2009, 12:16 AM
Post #1


Senior Member
***

Group: Member
Posts: 52
Joined: Mar 2009
Member No: 720,238



How do you code a layout to look the same in all Internet browsers??? I built a myspace that looks fine in firefox, but nothing else. How do I fix that?
 
 
Start new topic
Replies
fixtatik
post Apr 29 2009, 11:39 AM
Post #2


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



the "embed" code is on line 48 of your codes (near the bottom of your CSS).

the positioning is what you need to change. you're positioning your divs like this:
CODE
position: relative; left:-130px; top:90px;

that doesn't work properly on myspace because of where your divs start. on a blank HTML page, a div would start at an X position of 0 and a Y position of 0 (the top left of the page). on myspace, divs start at an X position of about 50% of your browser's width. but because different browsers have different ways of rendering table padding & line height, using relative positioning from the point where divs start on myspace makes them look differently in different browsers.

instead, all of your divs need to be positioned like this:
CODE
position:absolute; left:50%; top:##px; margin-left:##px;

like i said before, you'll need to change the ##px to put it where you want it.

as far as you designing and someone else coding, i do that, but it's not for free.
 

Posts in this topic


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