Question

For the life of me, I cannot figure out why the code at http://www.moosecodes.com works on Safari and Chrome but when I open it with Firefox the browser doesn’t recognize any of the line breaks!

i.e. <br/>

I have a suspicion that it is because I haven’t declared a doctype, but its just a regular old run line break that isn’t being interpreted. Anyone know the answer?

EDIT: To see what I mean, go to the site and click on "resume" then click on "Experience" or "Research"

_{(source: moosecodes.com)}

Answer 1

You have everything on your page set to position: absolute with the following CSS.

* {
    color: #C8C8EB;
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    text-decoration: none;
    width: 100%;
}

That’s a very bad universal style to have, only apply position: absolute to what you need it applied to and it’ll fix your <br /> problem (and probably others too!). or you could target the <br /> directly to set it back to default.

br {
    position: static;
}