Lambneck Posted February 16, 2011 Share Posted February 16, 2011 Can anyone help me with this? The two columns side by side works fine in chrome but in firefox the aside column shows up below and to the right of the primary column. #primary { width:648px; float:left; border:1px solid gray; margin:0em; padding:0em; } aside { width:348px; border:1px solid gray; margin:0 0 0 650px; padding:0em; } Quote Link to comment Share on other sites More sharing options...
haku Posted February 16, 2011 Share Posted February 16, 2011 There is no such tag as <aside>, which is what your CSS is targeting. Quote Link to comment Share on other sites More sharing options...
Lambneck Posted February 16, 2011 Author Share Posted February 16, 2011 Hi Haku, thanks for the reply. The aside tag is an HTML5 element. As of now, the above CSS works the way I want it to in Chrome and IE but NOT in Firefox. I'm not sure why... Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted February 16, 2011 Share Posted February 16, 2011 haku allready said it, aside is a html5 element. Seems firefox doesn't Yet support it, and neither should you rely on it for a commercial project Quote Link to comment Share on other sites More sharing options...
Lambneck Posted February 23, 2011 Author Share Posted February 23, 2011 Ok I finally figured it out. By default html5 elements are not block elements like div. So they must be set that way in order to get the desired effect. header, section, nav, article, aside, footer, address {display:block;} Quote Link to comment Share on other sites More sharing options...
cssfreakie Posted March 9, 2011 Share Posted March 9, 2011 that wont't work for IE, so use javascript for that. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.