Hmmm, Strange.

[beerbaronz]

So my site looks really good for me. Everything as it should be. Then my business partner tells me the site isn't showing up for him - he's on Internet Explorer and a PC, like me. I check on my firefox and it's the same problem he described.

Why is the site showing up for me, but not him?

Bassically, my layout is as follows...

Banner - this is in the CSS file.
Links (images/mouseover) - in the html file.
sidebar - in the html file.
Iframe - in the html file.
Footer - in the css.

Bassically, the site, when not showing correctly has the footer in the middle of the links for some reason!?
The Iframe is also below the sidebar, rather than next to it.

Now when I see the site correctly, the iframe is next to the sidebar, the footer is at the bottom, everything is how it should be.

www.beerbaronz.com/index4.html - this is my main page. Does it show up right or wrong? And how do I make it right for EVERYONE?

Cheers.

[Quidam]

Nothing is where it should be when I view it in Firefox 3, Opera 9.5 or Safari 3.1.
In IE 7 it looks OK, except that the footer is in the middle of the menu.

It looks like you are gonna have to redo quite alot of css..

[Centauri]

Main problem is you have all of your content stuff within the #logo div set at 51px high - FF will allow the content to overflow the div, whilst IE will disrespect the set height and expand the div. Get the content out of #logo.

[Major Payne]

The following should be at the very beginning of your CSS:

* {
border : 0;
margin : 0;
}

I would also add padding: 0;

CSS parse error (http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.beerbaronz.com%2Findex4.html) reported for a:hover.

You should correct the 215 HTML code errors (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.beerbaronz.com%2Findex4.html). Would help somewhat with browser problems.

[beerbaronz]

Main problem is you have all of your content stuff within the #logo div set at 51px high - FF will allow the content to overflow the div, whilst IE will disrespect the set height and expand the div. Get the content out of #logo.

Hey! Main problem is sorted now by the looks of things - the footer stays at the bottom of the page now at least! Thanks for that.

Does anyone know whats wrong with the Iframe though? That is still appearing underneath the sidebar, rather than next to it on Firefox

[Centauri]

Get rid of the <center> and </center> tags.

[Major Payne]

With the XHTML 1.0 Strict doctype, gonna have to do more than get rid of center tags. Right now errors are at 214 according to latest check. :p

Ron

[beerbaronz]

Haha, yeah I saw that check thing, but the stuff it brings up don't seem to be the stuff causing problems, like my mouseover buttons.

Which center tags do I have to remove exactly? There doesn't see to be any surrounding my iframe?

Cheers for the help!

[Centauri]

Haha, yeah I saw that check thing, but the stuff it brings up don't seem to be the stuff causing problems, like my mouseover buttons.
If there are errors, they can cause problems - error free code should always be an objective.
Which center tags do I have to remove exactly?
Any and all of them - they are not xhtml elements.

[beerbaronz]

Cheers guys!

Problem resolved!

[Major Payne]

Still have 215 coding errors so couldn't have solved much.

Ron

[Centauri]

And the first error on the list is the use of <center> .......

Why are you trying to pretend this is xhtml strict ? - if you want to use xhtml strict, then you CANNOT use things like <center> tags or iframes, upper case names, and MUST close and nest things properly. If you feel you must use these elements, then write it as html transitional - at least that will reduce the number errors ....

[beerbaronz]

This was a template I got online. I've never done xhtml before, really, but I thought removing that from the top (the only reference I can see to xhtml) might mess up the layout somehow.

[Centauri]

If you aren't intending to write xhtml, then change the doctype to html 4.01 transitional and revalidate to get the list of errors then - most of them will be the xhtml closing tags which you could easily change when you change the doctype.