PDA

View Full Version : Helo with IE design issue


adamjthompson
04-04-2007, 02:16 AM
Hello,

I'm designing a website and have a little issue I can't seem to pinpoint. Perhaps someone else can see whatever it is I'm overlooking.

The url is http://www.rypmarketing.com

In Firefox it looks great. In IE, there is a little white space below the header that I can't figure out how to get rid of!

I know there has to be something I'm missing....Thanks for any help.

~Adam

zoobie
04-04-2007, 09:27 AM
Website Design? :rolleyes:
Probably in those goofy tables and obsolete code you're using...

ronaldb66
04-04-2007, 09:46 AM
Yes, that is not a very good example of contemporary web design techniques.

Using tables for layout purposes is discouraged in favour of CSS positioning; for basic layouts like this cut-n-paste solutions are widely available.
Inline styles are discouraged as well since they counteract one of the main benefits of CSS, namely reusability; their presenc is especially questionable since you already have an external style sheet.
Lastly, 1px high table cells and, even worse, 1px high jpg images to create 1px borders can easily be replaced by CSS borders.

The issue with the gap is probably hiding somewhere between the markup and the styles, but is the basis is shaky solving it is that much harder, which it shouldn't and needn't be.

adamjthompson
04-04-2007, 03:46 PM
Inline styles are discouraged as well since they counteract one of the main benefits of CSS, namely reusability; their presenc is especially questionable since you already have an external style sheet.

Yeh, I know...I'm removing them in favor of the style sheet.


Lastly, 1px high table cells and, even worse, 1px high jpg images to create 1px borders can easily be replaced by CSS borders.

I should have thought of that myself. :)



The issue with the gap is probably hiding somewhere between the markup and the styles, but is the basis is shaky solving it is that much harder, which it shouldn't and needn't be.
I'm removing all the HTML style markups I can in favor of CSS and then we'll see if that removes the issue.

adamjthompson
04-04-2007, 04:10 PM
Hmmm...I switched all my style markups over to the external css stylesheet. My page validates perfectly at W3c, so I don't think it is an error causing this space.

jlhaslip
04-04-2007, 05:14 PM
Passing the w3c Validator and writing semantically correct pages are two different things. Valid html is about using the tags correctly in a document so there are no 'parse errors'. Semantics is about using the correct tag to perform the task. Tables are not the correct tag to structure documents with, even thought they are "validated".

adamjthompson
04-04-2007, 05:26 PM
Passing the w3c Validator and writing semantically correct pages are two different things. Valid html is about using the tags correctly in a document so there are no 'parse errors'. Semantics is about using the correct tag to perform the task. Tables are not the correct tag to structure documents with, even thought they are "validated".

I realize that tables are not best for structure, but if Google and W3schools use them, are they really that bad?

My point in using the W3c validator was not to say that using tables is good...it was to see if my design issue was being caused by a tag error (i.e. no close tag or something).