Christopher Blake wrote: > http://www.neilparishmep.org.uk/new/index.html
> It's my first ever site and I am enjoying learning, for the most > part! I use an apple mac so my browser testing is; Safari, Firefox, > Netscape (all recent apps) &, Opera, Internet explorer (opera not > paid for, I.E 5) Remember to note version-numbers so we know which ones to check / not check in. > Although the site varies slightly on every one - there is nothing too > strange. There will always be differences between browsers for all but the simplest layouts. > In Opera - It just does not recognise my left hand navigation menu at > all! - Can anyone explain this? I am completely lost. Opera 9.x (win & Mac) is doing fine. So are Opera 7.54 and 8.0 (win). Firefox 2.0.0.1 (win) positions the email elements a little (10px) too high, IMO. > Also if anyone could check my site in I.E 6 & 7 and AOL Explorer I > would be really interested (and hopefully happy) with the results. IE6 (and older win-versions) can't handle 'position: fixed', so those parts scroll with the page. Some of it can probably be solved with an IE-expression or two... <http://www.gunlaug.no/contents/wd_additions_15.html> The "too long page" in some browsers is caused by the many properties on '#dynamic' that you use in an attempt to stretch that column and make those paragraphs in '.maintext' line up alongside it. That approach creates a cross-browser mess, as browsers interpret those properties/values differently. Here's a better method with cross-browser predictable styles... #dynamic{ float:right; width: 250px; background-color: #EDEFEA; margin: 0 0 0 40px; background-image: url(../images/greyslope.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 100px; } .maintext{ display: table; height: 1%; } ...which will create the line-up you want. Now you also have to delete the 'margin-right: 280px;' on h1 and h2, as that is no longer needed. The addition of... #content{ min-width: 500px; } ...will prevent dropdown on narrow window-width in supporting browsers. The '#dynamic' column won't stretch vertically in any browser with the above. We normally use "faux columns"... <http://www.alistapart.com/articles/fauxcolumns/> ...to achieve that effect. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
