i am using ie6 and 7 and other browsers for consistancy. most of the layout works fine in all browsers except for ie 6 especially about creating unwanted vertical gaps between the end of 1st div and the begining of the next div, this issue is only with ie6 not with all the other browsers including ie7 in order to fix this i am using <br class="break" /> or <div class="clear"></div> .break { clear: both; } .clear { clear: both; } using either <br class="break" /> or <div class="clear"></div> i am able to remove the unwanted vertical gap that ie6 is creating, however due to this i am increasing the number of <br class="break" /> or <div class="clear"></div> tags in my entire page, i guess its not a big issue but if there is a way i can avoid that unwanted vertical gap created by ie6 so that i can reduce the number of times i use <br> or <div> as mentioned above it would be great. also for the 2nd div i am using clear: both as the div above is floating. can anyone please advice if there is a work around for this. thanks.
Try adding overflow:auto; to the div's or setting them a width and height if you know them, just a guess but can sometimes solve the problem, and it's a guess because we can't see your code!! You are right in wanting to avoid clearing div's, there's very rarley if any times you need one of these.
You should provide a link to your site, so that we can see the code. You said vertical gaps. Did you mean horizontal gaps? If so, your problem might be being caused by margin collapse.