Jump to content

Browser issues and layouts


RiFF

Recommended Posts

I have some issues and headaches, i hope someone might help me.One of them is, divs get distorted and resized in firefox, but not in IE. My site - click on the link and try resizing the window if you don't quite get what I mean.How could I get them to work in FF like they work in IE, or is there any way at all?

Link to comment
Share on other sites

The issue is with your css and the application of the two images.The actual header is an img:

<img src="sources/header.gif" alt="alt" style="padding-left: 2px;">
Your <body> has this applied to it:
background: url("bg.gif") top center repeat-y;
Somewhere in here is the problem. You've got padding on that header image and then you're trying to have that center (via auto margins) with the background image centered in css.I would suggest a change in template, putting the background runners on the container div:
<div id="container" style="#running background, pad left and right inside, margin 0 auto#">  <div id="header">#put a header image here, minus those bars on the side#</div>  <div id="main">#body</div></div>

Notice I don't like to re-use "body" as an ID tag. I suppose it doesn't cause any problems but it's slightly confusing. Also, why do you have tables when you're using xhtml? Stop that!

Link to comment
Share on other sites

Thank you.tables are for the content. I'm making that template for someone else who will edit home.htm file in a WYSIWYG editor, I'll remove the DTD declaration as xhtml because Frontpage will probably mess it up.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...