[css-d] Problem with tables in IE6 (enlarges container)
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/
Re: [css-d] Problem with tables in IE6 (enlarges container)
Many thanks Christian. That has solved everything. Andreas Kakanis-Silk Vakalis Educational Organisation Christian Heilmann wrote: You set a width of 100% on the table but positioned the main content absolutely. First of all, there is no need to position the main content absolutely, as you can give it a padding to the left and position the navigation instead. Secondly if you set a table to 100% width, also make sure to set a width to the outer element and position that relatively (or absolutely). This turns 100% into width of the element the table is in and not into width of the browser window. __ 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/
Re: [css-d] Problem with tables in IE6 (enlarges container)
Sorry, Christian, I was wrong when I said everything was OK. It is OK in Firefox, and OK in Opera, but now IE7B3 is doing strange things with the floated image slices. There is now a gap between each slice equal in size to the size of the border of the content div. I can make the picture look OK only by removing the border of the content div, and I would rather keep it. Any ideas? URL of page: www.koperti.gr/program.html URLs of CSS: www.koperti.gr/css/koperti.css www.koperti.gr/css/navbar2.css Andreas Kakanis-Silk Vakalis Educational Organisation Christian Heilmann wrote: You set a width of 100% on the table but positioned the main content absolutely. First of all, there is no need to position the main content absolutely, as you can give it a padding to the left and position the navigation instead. Secondly if you set a table to 100% width, also make sure to set a width to the outer element and position that relatively (or absolutely). This turns 100% into width of the element the table is in and not into width of the browser window. __ 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/
Re: [css-d] Problem with Firefox 1.5.0.4 / Win and 1.0.8 Linux
Andreas Kakanis-Silk wrote: Dear colleages I am very new to CSS, and am trying out some designs for a new website using only CSS and HTML as much as possible, based on Eric Meyer's two great books, EM on CSS and More EM on CSS. The particular problem I am having with Firefox (both under Windows XP and Linux) is that it needs a refresh to appear as it should. It works fine in IE7 B2, Opera 8.54 and Opera 9 Beta. Here are 2 screenshots of the page in FF: This is on 1st load, clean cache: http://www.koperti.gr/ff-pre-refresh.png and this is after a page reload: http://www.koperti.gr/ff-post-refresh.png The page is at http://www.koperti.gr/koperti04.html (W3C XHTML Validated, no errors) The CSS is at http://www.koperti.gr/css/koperti04.css (W3C CSS Validated, 1 error as I am using a behavior call for IE = 6 for hover and a number of warnings, e.g., no color with background-color and some redefinitions (IE hacks mostly, plucked from EM's books) Please, if you know why FF is doing this, please let me know. I am tearing my hair out (and I don't have a lot to start with). I have solved the problem...with an empty cache, FF has no knowledge of the widths of each image slice. So it was a simple matter of adding the width of each slice to the img tag. I guess I could have done it with css too. I am still interested in the minor gliches, etc in the second part of the message. Also, the seem to be a couple of minor glitches (that I can live with) but again, if anyone knows why please let me know - I am desperate to learn this stuff. In IE6, Win 2000, the 2nd and third level menus are 0.5em to the left of their correct positions and in Konqueror 3.4.3, Linux, the 2nd and third level menus ul have lost their right borders. And one final thing, if anyone can report how it looks in IE5/Mac and/or Safari, I would be extremely grateful (I have checked the page with Konqueror as I understand it uses the same rendering engine as Safari, i.e., khtml. Thanks in advance for any help __ 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/
[css-d] Problem with Firefox 1.5.0.4 / Win and 1.0.8 Linux
Dear colleages I am very new to CSS, and am trying out some designs for a new website using only CSS and HTML as much as possible, based on Eric Meyer's two great books, EM on CSS and More EM on CSS. The particular problem I am having with Firefox (both under Windows XP and Linux) is that it needs a refresh to appear as it should. It works fine in IE7 B2, Opera 8.54 and Opera 9 Beta. Here are 2 screenshots of the page in FF: This is on 1st load, clean cache: http://www.koperti.gr/ff-pre-refresh.png and this is after a page reload: http://www.koperti.gr/ff-post-refresh.png The page is at http://www.koperti.gr/koperti04.html (W3C XHTML Validated, no errors) The CSS is at http://www.koperti.gr/css/koperti04.css (W3C CSS Validated, 1 error as I am using a behavior call for IE = 6 for hover and a number of warnings, e.g., no color with background-color and some redefinitions (IE hacks mostly, plucked from EM's books) Please, if you know why FF is doing this, please let me know. I am tearing my hair out (and I don't have a lot to start with). Also, the seem to be a couple of minor glitches (that I can live with) but again, if anyone knows why please let me know - I am desperate to learn this stuff. In IE6, Win 2000, the 2nd and third level menus are 0.5em to the left of their correct positions and in Konqueror 3.4.3, Linux, the 2nd and third level menus ul have lost their right borders. And one final thing, if anyone can report how it looks in IE5/Mac and/or Safari, I would be extremely grateful (I have checked the page with Konqueror as I understand it uses the same rendering engine as Safari, i.e., khtml. Thanks in advance for any help -- Andreas Kakanis-Silk Vakalis Educational Organisation Mitropoleos 17 54624 Thessaloniki GREECE Tel: +30 2310 264 004 Fax: +30 2310 272 279 www: http://www.sitedesign.gr __ 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/
Re: [css-d] browser stats
I agree with Christian Heilmann. The only statistics worth looking at are your own. A very easily implemented stats package can be found at http://www.bbclone.de. It requires no access to server logs, but does require php V4+. It will easily give you all the information you need about browsers and operating systems, even giving a pie chart of visitors by rendering engine. -- Andreas Kakanis-Silk __ 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/