Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
-
- CommentAuthorfirethrottle
- CommentTimeJan 21st 2006 edited
Hey
This is really annoying me, I just cant work it out. Here is my new design for firethrottle.
If you open it in ie or firefox, the two sections 'news archive' and 'statistics' are one after another vertically. However, if you use opera to view them, these two sections are next to each other, with a dashed line in between, as I wanted and coded for. I am currently using float to try to make these two sections beside each other, bit its not working. Someone help please?
The css can be viewed here
PS: you will also notice another error at the bottom, where the box overlap. please dont worry about that YET, as this is more important
Thanks in advance
firethrottle -
Your original CSS:
#leftcontent {
width: 300px;
border-right: 1px dashed #e8e8e8;
clear: both;
margin: 0px;
}
#rightcontent {
width: 140px;
float: right;
clear: both;
}
What it needs to be in order for the floats to work:
#leftcontent {
width: 300px;
border-right: 1px dashed #e8e8e8;
margin: 0px;
float: left;
}
#rightcontent {
width: 140px;
float: left;
}
What happened:
clear: both; means you are not allowing any floats next to that element. You also need to give your "leftcontent" div a float: left; so that your following div will wrap around that to the right. -
- CommentAuthorfirethrottle
- CommentTimeJan 22nd 2006
oh right, thanks. its working now.
1 to 3 of 3