ive always been a fan of CSS. HTML is so riddled with embedded tables by the thousands that you have to master the art of tables before you can make any type of comprehensive website. as long as you want stylistic elements that are beyond basic html capabilities that look good but are possibly too simple, tables were the only way.
wordpress has themes built on css with no or very few modification to the parent html/php files. this makes for switching between themes seamless and easy. also makes backing up and upgrading really simple. however, i keep running into more and more complications as i prep my blog to fit within the new confines of a website im attempting to finish.
current problem: floating div’s. after reading through the wordpress forum’s and trying to do some searches i couldnt find much documentation on my problem at hand, and to be honest after about 2 hours of searching i just plain gave up. perhaps i will take this challenge up another day.
so the situation is as such, i have 3 divs, lets name them main, left and right. attempting to use all css for this, i have my main div and both my left and right divs within it. i am trying to create a border on my main div that will encompass both left and right divs within the main div. left div is a floating div while right div is not. the reason why the left div floats is because i want them to be side by side. i have tried floating the right div but it will not align and places itself under the left div. now the real problem is, the main div’s border *ONLY* reaches the length of the non floating div. unfortunately the floating div is much longer.
of course it looks fine in IE, however in firefox its another issue. ive tried several methods to force the main div’s border to wrap itself around the floating left divs length but it just refuses to. it makes no logical sense to me why a main div wouldnt encompass the length of a div within it, even if its floating. if youve had this problem and know the fix, let me know.
so back to tables and regular HTML i go, where I know i can force it to look exactly the way i want in both browsers.
-j