I'm having a slight problem with CSS and browser compatibility. Basically, I have a main div box and several sub-boxes. The main div box has a min-height of 100px (meaning that it will be at least 100px tall, unless the content inside the box causes it to stretch vertically), and there is a sub-DIV box that is floated to the left. This sub-DIV box I want to have a min-height as well, so there isn't a gap between this sub-box and the bottom of the main DIV box.
Here is the code that I am using. I am fairly new to CSS, so there may be more efficient ways of doing things. Can someone give me a pointer to how I can fix this design flaw?
People expect to have ad free services without paying something in return...mind blowing.
If you don't want it, look for alternatives.
There is no free beer
Question
Viserov
I'm having a slight problem with CSS and browser compatibility. Basically, I have a main div box and several sub-boxes. The main div box has a min-height of 100px (meaning that it will be at least 100px tall, unless the content inside the box causes it to stretch vertically), and there is a sub-DIV box that is floated to the left. This sub-DIV box I want to have a min-height as well, so there isn't a gap between this sub-box and the bottom of the main DIV box.
Here is the code that I am using. I am fairly new to CSS, so there may be more efficient ways of doing things. Can someone give me a pointer to how I can fix this design flaw?
How it looks in Firefox and Safari (not working right):
How it looks like in IE (how it is supposed to look):
Thanks!
Link to comment
https://www.neowin.net/forum/topic/409122-css-problem/Share on other sites
2 answers to this question
Recommended Posts