Ben
This works ok - or have I misunderstood you? Maybe
the alignment isn't good enough for the 'big end of town' though.
<html><head>
<title>test</title>
<style type="text/css">
#cont {float:right;width:81%;border:1px solid red;}
#sidebar {float:left;width:200px;background-color:green;color:#ffffff;}
</style>
</head>
<body>
<div id="cont">content</div>
<div id="sidebar">ABC</div>
</body></html>
regards
Mark
========================================
Mark Huppert
Library Web Development &
Integrated Library Management System Coordinator
Division of Information
R.G. Menzies Building (#2)
The Australian National University
ACTON ACT 0200
T: +61 02 6125 2752
F: +61 02 6125 4063
W: http://anulib.anu.edu.au/about/
CRICOS Provider #00120C
========================================
_____
From: [email protected] [mailto:[email protected]]
On Behalf Of Ben Davies
Sent: Monday, 17 August 2009 1:35 PM
To: Web Standards Mailing List
Subject: [WSG] Fixed Sidebar Fluid Content - Source Order Limitations
Hi Everyone,
I am working on a site with a fixed sidebar panel and fluid content.
After some research I think I have discovered a CSS source order
limitation particular to this layout. Can anyone confirm whether this
sounds correct:
- To put my content first in the markup, my content needs to be floated
(for a following sidebar)
- My content is fluid, so I can not assign a width
- According http://css.maxdesign.com.au/floatutorial/introduction.htm
you must set an explicit width on a floated elemented except img tags as
per the W3C (he references
http://www.w3.org/TR/CSS2/visuren.html#floats, but I can not find exact
statement).
- Therefore my fluid content can not appear with in my markup, my fixed
width sidebar must appear first and be floated instead.
Does that sound right? Regardless of W3C I could not get my content to
remain fluid, come first in the markup and still allow my fixed-width
sidebar to float up beside it.
Thanks for any feedback.
Ben Davies
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
