[css-d] Layout fails in Konqueror
Hello! Id like to make a 'flexible' design, which should - scale down well for small screen devices (handy, pda, s.o.). - display well on normal screen sizes (from 800x600 up to whatever). - not totally break, if user changes font-size (in Moz, FF and IE - don't know anything about other browsers, except Opera, which zooms the whole site). There for I decided to make a two-column layout (with the main-col first in source and the possibility to easily switch the side-col from left to right). The (basic) structure is: * page-wrapper * header * cols-wrapper (assigned the 'clearfix' method to not having the need for an extra clearing-div) * main-col (is floated to the left or right for being first in source) * side-col (is floated to the other side than the main-col) * footer The page-wrapper has a max-width. Widths for main- and side-col are set in percents, font-size in EMs. For the effect of equal-height columns I used the faux-column technique. Here you'll find a (working-)example of the page: http://top-topics.com/test-temp/index.html and the layout css-file: http://top-topics.com/test-temp/css-files/layout.css I've registered a trial account at browsercam.com! As you can see (http://www.browsercam.com/public.aspx?proj_id=190176) on picture 23 and 24 the layout totally breaks in Konqueror. I don't know much about this browser (and his bugs) so any hints are welcome, as well as any other suggestions for making the layout more 'robust'. Or what method would you choose to make it a three-column layout (with the flexibility to switch back to 2-cols simply by style)? Best regards Gunther PS: Wenn hier jemand aus dem deutschsprachigen Raum kommt, der Lust hat, mit mir eine deutschsprachige CSS-Seite (Tutorials, Einführung, Beispiele, Experimentelles) zu machen, oder über CSS-Dinge mal gemeinsam nachzudenken, der möge sich bitte melden - Danke! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Layout fails in Konqueror
Hello! Id like to make a 'flexible' design, which should - scale down well for small screen devices (handy, pda, s.o.). - display well on normal screen sizes (from 800x600 up to whatever). - not totally break, if user changes font-size (in Moz, FF and IE - don't know anything about other browsers, except Opera, which zooms the whole site). There for I decided to make a two-column layout (with the main-col first in source and the possibility to easily switch the side-col from left to right). The (basic) structure is: * page-wrapper * header * cols-wrapper (assigned the 'clearfix' method to not having the need for an extra clearing-div) * main-col (is floated to the left or right for being first in source) * side-col (is floated to the other side than the main-col) * footer The page-wrapper has a max-width. Widths for main- and side-col are set in percents, font-size in EMs. For the effect of equal-height columns I used the faux-column technique. Here you'll find a (working-)example of the page: http://top-topics.com/test-temp/index.html and the layout css-file: http://top-topics.com/test-temp/css-files/layout.css I've registered a trial account at browsercam.com! As you can see (http://www.browsercam.com/public.aspx?proj_id=190176) on picture 23 and 24 the layout totally breaks in Konqueror. I don't know much about this browser (and his bugs) so any hints are welcome, as well as any other suggestions for making the layout more 'robust'. Or what method would you choose to make it a three-column layout (with the flexibility to switch back to 2-cols simply by style)? Best regards Gunther PS: Wenn hier jemand aus dem deutschsprachigen Raum kommt, der Lust hat, mit mir eine deutschsprachige CSS-Seite (Tutorials, Einführung, Beispiele, Experimentelles) zu machen, oder über CSS-Dinge mal gemeinsam nachzudenken, der möge sich bitte melden - Danke! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Layout fails in Konqueror
Hello! Id like to make a 'flexible' design, which should - scale down well for small screen devices (handy, pda, s.o.). - display well on normal screen sizes (from 800x600 up to whatever). - not totally break, if user changes font-size (in Moz, FF and IE - don't know anything about other browsers, except Opera, which zooms the whole site). There for I decided to make a two-column layout (with the main-col first in source and the possibility to easily switch the side-col from left to right). The (basic) structure is: * page-wrapper * header * cols-wrapper (assigned the 'clearfix' method to not having the need for an extra clearing-div) * main-col (is floated to the left or right for being first in source) * side-col (is floated to the other side than the main-col) * footer The page-wrapper has a max-width. Widths for main- and side-col are set in percents, font-size in EMs. For the effect of equal-height columns I used the faux-column technique. Here you'll find a (working-)example of the page: http://top-topics.com/test-temp/index.html and the layout css-file: http://top-topics.com/test-temp/css-files/layout.css I've registered a trial account at browsercam.com! As you can see (http://www.browsercam.com/public.aspx?proj_id=190176) on picture 23 and 24 the layout totally breaks in Konqueror. I don't know much about this browser (and his bugs) so any hints are welcome, as well as any other suggestions for making the layout more 'robust'. Or what method would you choose to make it a three-column layout (with the flexibility to switch back to 2-cols simply by style)? Best regards Gunther PS: Wenn hier jemand aus dem deutschsprachigen Raum kommt, der Lust hat, mit mir eine deutschsprachige CSS-Seite (Tutorials, Einführung, Beispiele, Experimentelles) zu machen, oder über CSS-Dinge mal gemeinsam nachzudenken, der möge sich bitte melden - Danke! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Layout fails in Konqueror
Hello! Id like to make a 'flexible' design, which should - scale down well for small screen devices (handy, pda, s.o.). - display well on normal screen sizes (from 800x600 up to whatever). - not totally break, if user changes font-size (in Moz, FF and IE - don't know anything about other browsers, except Opera, which zooms the whole site). There for I decided to make a two-column layout (with the main-col first in source and the possibility to easily switch the side-col from left to right). The (basic) structure is: * page-wrapper * header * cols-wrapper (assigned the 'clearfix' method to not having the need for an extra clearing-div) * main-col (is floated to the left or right for being first in source) * side-col (is floated to the other side than the main-col) * footer The page-wrapper has a max-width. Widths for main- and side-col are set in percents, font-size in EMs. For the effect of equal-height columns I used the faux-column technique. Here you'll find a (working-)example of the page: http://top-topics.com/test-temp/index.html and the layout css-file: http://top-topics.com/test-temp/css-files/layout.css I've registered a trial account at browsercam.com! As you can see (http://www.browsercam.com/public.aspx?proj_id=190176) on picture 23 and 24 the layout totally breaks in Konqueror. I don't know much about this browser (and his bugs) so any hints are welcome, as well as any other suggestions for making the layout more 'robust'. Or what method would you choose to make it a three-column layout (with the flexibility to switch back to 2-cols simply by style)? Best regards Gunther PS: Wenn hier jemand aus dem deutschsprachigen Raum kommt, der Lust hat, mit mir eine deutschsprachige CSS-Seite (Tutorials, Einführung, Beispiele, Experimentelles) zu machen, oder über CSS-Dinge mal gemeinsam nachzudenken, der möge sich bitte melden - Danke! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Layout fails in Konqueror
Gunther Pilz wrote: Here you'll find a (working-)example of the page: http://top-topics.com/test-temp/index.html and the layout css-file: http://top-topics.com/test-temp/css-files/layout.css I don't know much about this browser (and his bugs) so any hints are welcome, as well as any other suggestions for making the layout more 'robust'. I confirm it's broken in Konq 3.3.2 (which is about 8 months old). Konq is KHTML, same as Safari. Current Konq development version is 3.5, due for release shortly. http://www.konqueror.org/ It's broken exactly the same in Epiphany, which is Gecko. -- Cast your cares on the Lord and He will sustain you. Psalm 55:22 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://members.ij.net/mrmazda/auth/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
