Menu
Hello, I have two main questions, the first and most important is the following:
[url]http://www.disembodied.us
Take a look at that in FF, IE6 and/or IE7 (both IEs do the same thing). The problem is my tabbed menu (the list) jumps way up in the IEs but not in FF or Opera.
I can’t imagine its the old box model problem the old IEs had, since they were supposed to fix those… and even if it was the box model hack doesn’t fix it. I can solve the problem by increasing the #header h1 padding by like 30px but then it is messed up in FF and Opera of course.
Anyway, here are the parts of the CSS that are probably important for this, but let me know if there are more styles that are needed:
[CODE]
#header {
padding: 0;
margin: 5px 70px 20px 70px;
text-align: center;
}
* html #header {
margin-bottom: 50px;
margin-bottom: 20px;
}
* html #header h1 {
padding: 50px;
padding: 15px;
}
#header h1 {
font-size: 48px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: italic;
background-color: transparent;
padding: 15px;
}
As you can see, I have included the box model hack in this, but its not solving the problem (since its not really supposed to apply to padding anyway… its supposed to correct width but I thought a similar method would work.
If anyone has any idea how to fix this it would be great… the page validates in both xhtml and css, so i know its not that.
The second issue I am having is on the same page… I have used a table (don’t flog me please!) so I could place the content area next to the sidebar. DIVs wouldn’t work because the only way I knew to get them to be placed side by side is with float, but because they have to be held inside another div (to not creep up on the tabbed list menu) the float would break them out and screw the layout up. Is there anyway to maintain the site look as it is but replace that nasty table code ?
Thanks for any help!,
Marcus
Disembodied Studios
[url]http://www.disembodied.us