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; } Link to comment https://forums.phpfreaks.com/topic/227829-alignment-works-in-chrome-not-ff/ 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. Link to comment https://forums.phpfreaks.com/topic/227829-alignment-works-in-chrome-not-ff/#findComment-1174859 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... Link to comment https://forums.phpfreaks.com/topic/227829-alignment-works-in-chrome-not-ff/#findComment-1175159 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 Link to comment https://forums.phpfreaks.com/topic/227829-alignment-works-in-chrome-not-ff/#findComment-1175166 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;} Link to comment https://forums.phpfreaks.com/topic/227829-alignment-works-in-chrome-not-ff/#findComment-1178857 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. Link to comment https://forums.phpfreaks.com/topic/227829-alignment-works-in-chrome-not-ff/#findComment-1185215 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.