I am in the midst of creating a website using a style sheet and I am having problems when viewing in IE7. When in IE6 the display format looks correct from what I could tell.

Is this an HTML formatting problem or a CSS formatting problem?

http://www.skurlas.com/newsite/index1.html

Start off by validating: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.skurlas.com%2Fnewsite%2Findex1.html&charset=%28detect+automatically%29&doctype=Inline&group=0
I noticed issues in other browsers too.

Thanks. I fixed as many problems that I know how to...

I am confused why the spaces are not validating and the </body> or </html>

These are the end of my body and html content.

Any ideas?

Ok, so its defiantly my style.css file. I just have to figure out to adjust it accordingly.

Hi Silvershark.

This URL can be useful for you:
http://msdn2.microsoft.com/en-us/library/Bb250496.aspx
(MS article on CSS compatibility in IE7)

Hi,

First of all, the validation for body and html will disappear when everything else is correct.

Second, I'm not sure if I'm looking at it correctly but in IE6, your navigation menu is a little mess.

Third, you can't have a "paragraph" within a "heading". You could replace the following;


<h3>
<p>&nbsp;</p>
</h3>


with the following, (just an example);


<h3>
<span>&nbsp;</span>
</h3>


Hope that helps. Let me know.


Thanks. I fixed as many problems that I know how to...

I am confused why the spaces are not validating and the </body> or </html>

These are the end of my body and html content.

Any ideas?

Hi,

Almost forget, for your content to look good and not overlap you could try placing the following;


<div class="clear:both"></div>


Before your main contents closing tag, so...


<div id="something">
<p>testing</p>
<div class="clear:both;"></div>
</div>


Something like that, or another way is to use "overflow:hidden" within your CSS file for the tag, thats if you don't want to use the option above adding more code to your XHTML file.

Thanks, let me know how you do.

Ciao.

Thanks! I was able to fix all the errors. I also checked my .css and it verified. So now my syntax is good, but the site is not formatted correctly. So this seems to be due to my .css?

The first site is the one with the good validation and the incorrect formatting.

http://www.skurlas.com/newsite/index1.html

The second site is the one with 4 errors and the correct formatting as far as centering in the page goes.

http://www.skurlas.com/newsite/index.html

I am pretty new to this.

Thanks again!

No offense but your code is a total mess. Validating it wont solve all of your problems. It looks very messy in firefox too. I suggest recoding your design according to standards.
There're too many tabs in the navigation to fit in the width of the page. Try a left hand vertical menu instead.
Why are you restricting all "boxes" with certain heights? try and remove them.

This example code for instance isn't right:
<div class="clear:both;"></div>
Either put a class in your CSS file or write like this:
<div style="clear:both;"></div>

I also found an issue in Safari running on OS X, you can download a copy of Safari for Windows, but it displays poorly in that browser as well.

Yah, I would agree with you. My coding is probobely really poor. I do SQL programming for databases and Windows Administration, this is just a favor the company I work for and I have very little .css and xhtml coding experience.

I appreciate all the suggestions and help!

So, I should change all of my div class to div style in my xhtml?

Thanks again!

Ok, I am getting a little farther along. Atleast the text isn't overlapping horribly. I will keep playing around and see if I can figure it out.

So, I should change all of my div class to div style in my xhtml?

Thanks again!
No, that's not what I meant. That was the only appearance of that piece of invalid code as far as I know. I also saw now that it was suggested by a user here. So that's not your "fault" :)

I suggest before you attempt to fix it, decide on a suitable layout that will work. As it is now with too many tabs, it wont work.

Edit:
Try and remove the height properties from boxes, box1.. etc and the overlapping will disappear.

As far as the tabs, you mean I have too many for the layout? IE, looks bad with the two different layers like that? I should only have 1 layer of tabs and smaller?

I will try removing the height constraint and see if that helps.

Thanks again for everyone's input. I really appreciate it!

Ok, I think I am 99% there.

Here is the layout so far.

http://www.skurlas.com/newsite/index.html

I edited the height/width like you suggested and added a <span>&nbsp;</span> by the footer and it is coming along. I just need to make the length of the whole center portion a little longer and I think it will be done.

Ok, I think I finally figured it out.

Thanks for all the help. :D

This one looks good to me in IE6

http://www.skurlas.com/newsite/index.html

The other directory i get a 404 error..

the link is not loading at all

Really? It seems to work for me. Can you try again?

Also, how would I go about adding some text to the far right hand side of the logo? I want to type in our address/contact info on the same line as the logo.

Thanks!

I do not know what the problem is but the site is not loading in FF and in IE...