Previous Message
Next Message

Layout fails in Konqueror

Sent by Gunther Pilz on 12 September 2005 14:02


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-REMOVED]]
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/
Previous Message
Next Message

Message thread:

Possibly related: