Hey i have a layout here which is valid xhtml and css. But it looks good in mozilla but IE oh no.
You will able to see the noticable difference can anybody help please.
Any help is greatly appreciated.Ok well ive fixed a handful of problems the only problems left now are the spacer divs in before and after the navigation are rendering a different height which im finding impossible to fix and the left and content columns have a larger height also.
And as before any help is appreciated.Originally posted by sharkey
... the spacer divs in before and after the navigation are rendering a different height which im finding impossible to fix and the left and content columns have a larger height also.
If you are referring to <div class="spacer"></div>, then set the overflow property for that class to hidden.
Remember that IE stretches elements if the contents do not fit. IE automatically sizes the spacer DIVs to be 1.2em high (equal to default line height of a line of text).Second of all, don't give your columns specific heights. You're page looks awfull when I try to increase the font size. Your content drops below the footer. This won't happen in IE, of course, because of what I mentioned above: IE stretches elements if the contents do not fit. It would work best to make use of Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->) from A List Apart to give the appearance that your left and right columns stretch down equally.
What might also work is keeping the heights, then using the following hack:
html>body #element
{
height: auto;
min-height: <number you want>px;
}
Recall that Safari does not support the min-height attribute. You can always go to <!-- m --><a class="postlink" href="http://www.danvine.com/icapture/">http://www.danvine.com/icapture/</a><!-- m --> to get screenshots of your site in Safari. The site is down as of me writing this, but it may come up again.Well toicontien i have done the overflow:hidden thing and that works a treat very thankful but the other problem is still lingering i took the heights out and still no change in IE.
Any ideas mate?
But thanks again for you help
You will able to see the noticable difference can anybody help please.
Any help is greatly appreciated.Ok well ive fixed a handful of problems the only problems left now are the spacer divs in before and after the navigation are rendering a different height which im finding impossible to fix and the left and content columns have a larger height also.
And as before any help is appreciated.Originally posted by sharkey
... the spacer divs in before and after the navigation are rendering a different height which im finding impossible to fix and the left and content columns have a larger height also.
If you are referring to <div class="spacer"></div>, then set the overflow property for that class to hidden.
Remember that IE stretches elements if the contents do not fit. IE automatically sizes the spacer DIVs to be 1.2em high (equal to default line height of a line of text).Second of all, don't give your columns specific heights. You're page looks awfull when I try to increase the font size. Your content drops below the footer. This won't happen in IE, of course, because of what I mentioned above: IE stretches elements if the contents do not fit. It would work best to make use of Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->) from A List Apart to give the appearance that your left and right columns stretch down equally.
What might also work is keeping the heights, then using the following hack:
html>body #element
{
height: auto;
min-height: <number you want>px;
}
Recall that Safari does not support the min-height attribute. You can always go to <!-- m --><a class="postlink" href="http://www.danvine.com/icapture/">http://www.danvine.com/icapture/</a><!-- m --> to get screenshots of your site in Safari. The site is down as of me writing this, but it may come up again.Well toicontien i have done the overflow:hidden thing and that works a treat very thankful but the other problem is still lingering i took the heights out and still no change in IE.
Any ideas mate?
But thanks again for you help