I am trying to make my first site for a client using only (almost) css and html. I am having a problem with one of the pages that has two tables inside the main content division. This page renders almost the same in Firefox (1.5.0.6), IE7 Beta 3, Opera 9.1 (and Konqueror 3.5.2 under Linux)
URL of page: www.koperti.gr/program.html URLs of CSS: www.koperti.gr/css/koperti.css & www.koperti.gr/css/navbar2.css The HTML passes the W3C validator, and so does the CSS with the exception of the hacks. The reason for 2 css files is that this page has to navigation bars (the main one styles in koperti.css) and a secondary one designed to appear under the main "h1" of the page. * The main problem is that in IE6, the two tables expand the width of the content division with the result that a horizontal scroll bar appears. I am sure I have read about this effect somewhere, but I have been searching CSS-DISCUSS and Google all day and cannot find a solution. * A second, more minor problem is that I would like the second navigation bar to appear at the bottom of the "h1" *wherever* it happens to be (for example, in a smaller window, the bottom of the h1 is lower on the page). I tried position: relative;, but this does not give the desired result. Any help anyone can give will be very gratefully received. Also, any comments on the CSS. Although the results seem to be what I want, I am not sure if I have specified the CSS effectively. Kind regards -- Andreas Kakanis-Silk Vakalis Educational Organisation ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
