PDA

View Full Version : big browser differences

santo
02-16-2005, 04:00 PM
i just made a layout for my LJ two nights ago- it's not done (but the basics are there) and it looks just fine in internet explorer 6.0 with some minor problems (lj's automatic </ br> breaks do not work)

however, viewing it in mozilla firefox is a completely different story. it looks terrible! but at least LJ's </ br> breaks between my paragraphs work and i don't have to insert them when i do an entry.

i'm just wondering how i can make my html cooperate with both browsers? i assume i am doing something wrong. it's my first time i've done div layers so i'm not sure what it could be. any thoughts would be greatly appreciated.

this is my site: http://www.livejournal.com/users/santo_/

i can even send you screen shots that show the HUGE difference between how it looks in IE and firefox- it's pretty messed up.

eta; it might be safe to forewarn you i have cussed in my diary, ^^^^ in case anyone would mind.
Monkey Bizzle
02-16-2005, 09:16 PM
Well, I am not familiar with how the myspace interface works so i can't tell you what to do to fix the problem, but the problem is that your:

<style type="text/css">

A:link
{ text-decoration: none; color:#0033CC; }
A:visited
{ text-decoration: none; color:#0033FF; }
A:active
{ text-decoration: line-through; color:#0033CC; }
A:hover
{ text-decoration: line-through; color:#00FFFF;

background-color: #000000;

cursor: crosshair;}

h1 {font-family: verdana;
color: #FFFFFF;

p {font-family: verdana;
color: #FFFFFF; }

body
{ background: #000000;

font-family: verdana;
color: #FFFFFF ;
letter-spacing: 3pt;
font-weight: lighter;
font-size: x-small;

scrollbar-face-color : #0000FF;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #FFFFFF;
scrollbar-shadow-color : #000000;
scrollbar-darkshadow-color : #00FFFF;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;

margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

</style>

are at the very top of your coding, before the <html> tag. it should be within the <head></head> tags.
kittycat
02-16-2005, 09:33 PM
You also don't have the opening <body> tag.

The <br> looks different in IE because of the letter spacing attribute. For some reason it doesn't work properly in IE, the side effect being that <br><br> only looks like <br> on a page. Only solution is to remove letter spacing, or just leave it if the look doesn't matter to you
santo
02-16-2005, 11:10 PM
thank you- i fixed both things. however, my site still looks the same in firefox. the background is white, there's a weird black box behind my icon, and there is a black box directly under the big picture that blocks out the first few lines of my latest entry. then, my font is just times new roman. but the dates have the same font face and color as they show in IE. it's very, very weird and i have no clue why it's doing it.
kittycat
02-17-2005, 10:12 PM
h1 {font-family: verdana;
color: #FFFFFF; }
You were missing the ending }. See if it works after adding it in.
santo
02-17-2005, 11:26 PM
wow, it did the trick! thanks so much for helping me, i appreciate it!