Welcome!

[cstef24]

I'm working on an interior design website and I've done it all on my mac. I just opened it on my mom's computer with internet explorer and it looks crazy! nothing at all is in the right spot

http://www.csteffen.com/heidi

can anyone help out? Thank you!

[Andy]

I assume you are referring to the navigation menu.

The issue is that you are floating the anchor tags (<a>) instead of the list items (<li>).

Code: Select all

ul#menu { /* added overflow to make it contain the floats */
  overflow: hidden;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

ul#menu li { /* place them next to each-other */
   float: left;
}

ul#menu li a { /* removed float */
  display: block;
  height: 33px;
  background-image: url(menu.gif);
  text-indent: -9999px;
}


I removed the <br/>'s following the menu as that was messing up the rendering. <br/> should only be used to break up text, not to create a margin between two elements.

Also, This is not how you should create a background image:

Code: Select all

<p><img src="heidi-filer/bg.gif" id="bg"></p>

Instead you should apply it through CSS like this:

Code: Select all

html {
height: 100%;
}
body {
background: #606060 url(bg.gif) repeat-x bottom;
height: 100%;
margin: 0px;
font-family: cambria, georgia, sans-serif;
font-size: 12px;
}


[cstef24]

You've been such a help with all of my messy coding
Thanks!