Discussion on:

5
Comments

Join the conversation!

Follow via:
RSS
Email Alert
0 Votes
+ -
Editor
Are you a proponent of floating elements in your Web page designs? What are the benefits? What are the drawbacks?
0 Votes
+ -
drawbacks?
Jaqui 3rd Jan 2007
simple, if your code isn't tweaked for ie =6, you get really bad layout issues with floats.
mozilla / netscape / gecko browsers have also had issues with layout around floating elements. the newer versions do address the issues.

the benefits, you can have advertisements in floating divs, if they are appropriate for the site, making them much easier to position for effect.
0 Votes
+ -
you can also
Jaqui 3rd Jan 2007
use fixed and float to generate site navigation positioning.

Stu Nicholls has two excellent demonstrations, including navigation links of variable lengths

floating fixed menu, transparent background so content scrolls UNDER it.

http://www.cssplay.co.uk/layouts/fixed.html

the floating left menu, both fixed width and variable width:

http://www.cssplay.co.uk/menus/centered.html
I believe this is one of the ideas behind CSS, but in my humble experience, the reality is that currently browsers support CSS very differently. Still, it is great for seperating layout from content, and hopefully browsers will follow the standards in the future.
0 Votes
+ -
I'd almost given up on Javascript and Css years ago, because of the incompatibility with different browsers. I blame the "Browser Wars" for the inconvenience. I never chose sides though. Instead I chose the "middle way" explained in Buddist Philosophy. Alot of good that did me ! Trying to code for a dozen different browsers is sometimes frustrating, as well as time consuming. I'm still waiting for Wars to end, or at least some Treaty or alliance among the combatants.
Keyboard Shortcuts:
Prev
Next
Toggle
Join the conversation
Formatting +
BB Codes - Note: HTML is not supported in forums
  • [b] Bold [/b]
  • [i] Italic [/i]
  • [u] Underline [/u]
  • [s] Strikethrough [/s]
  • [q] "Quote" [/q]
  • [ol][*] 1. Ordered List [/ol]
  • [ul][*] · Unordered List [/ul]
  • [pre] Preformat [/pre]
  • [quote] "Blockquote" [/quote]

Join the TechRepublic Community and join the conversation! Signing-up is free and quick, Do it now, we want to hear your opinion.