[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: memberh...@webstandardsgroup.org ***
RE: [WSG] Fixed Sidebar Fluid Content - Source Order Limitations
- 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 You may want to try max-width on your main content. I'm not sure if that will work for you since you didn't post a link. Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 http://www.neighborwebmaster.com www.neighborwebmaster.com phone/fax: (732) 302-0904 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Strange Bottom Margin on Floated Elements I Can't Get Rid of
Hi Cole,
you can also specify {vertical-align:bottom} for the images.
Cheers,
Jens
-Original Message-
Sent: Friday, August 14, 2009 4:02 PM
Subject: Re: [WSG] Strange Bottom Margin on Floated Elements I Can't Get Rid of
Hi Cole,
Try setting those images to 'display: block;'
div.thumbs img {display: block;}
The reason this works is detailed here:
https://developer.mozilla.org/en/Images,_Tables,_and_Mysterious_Gaps
HTH
The information contained in this e-mail message and any accompanying files is
or may be confidential. If you are not the intended recipient, any use,
dissemination, reliance, forwarding, printing or copying of this e-mail or any
attached files is unauthorised. This e-mail is subject to copyright. No part of
it should be reproduced, adapted or communicated without the written consent of
the copyright owner. If you have received this e-mail in error please advise
the sender immediately by return e-mail or telephone and delete all copies.
Fairfax does not guarantee the accuracy or completeness of any information
contained in this e-mail or attached files. Internet communications are not
secure, therefore Fairfax does not accept legal responsibility for the contents
of this message or attached files.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] Fixed Sidebar Fluid Content - Source Order Limitations
Ben
This works ok - or have I misunderstood you? Maybe
the alignment isn't good enough for the 'big end of town' though.
htmlhead
titletest/title
style type=text/css
#cont {float:right;width:81%;border:1px solid red;}
#sidebar {float:left;width:200px;background-color:green;color:#ff;}
/style
/head
body
div id=contcontent/div
div id=sidebarABC/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: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
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: memberh...@webstandardsgroup.org
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
[WSG] table inside a dd?
Hi all, Is it semantic markup to include a table of items ( in this case a nutritional information table ) as the contents of a dd within a definition list? I am marking up product nutritional information and am thinking of doing it like so: dl dt The Product /dt dd Paragraph blurb about the product /dd dd table .etcTabular data of the nutritional information/.etc /table /dd /dl Is nesting the table within the def list valid markup? Thanks J Tim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] table inside a dd?
Certainly, as long as it's an appropriate usage of a table (which it sounds like it is). - Christian Tim MacKay wrote: Hi all, Is it semantic markup to include a table of items ( in this case a nutritional information table ) as the contents of a dd within a definition list? I am marking up product nutritional information and am thinking of doing it like so: dl dt The Product /dt dd Paragraph blurb about the product /dd dd table …etcTabular data of the nutritional information/…etc /table /dd /dl Is nesting the table within the def list valid markup? Thanks J Tim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Christian Snodgrass CEO - Azure Ronin http://www.arwebdesign.net http://www.htmlblox.com Phone: 859.816.7955 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
