PoLiX Posted June 14, 2007 Report Posted June 14, 2007 Kinda new to the whole Div instead of Tables thing, although catching on quick, I seem to be stuck with 1 major bug. http://www.sscentral.com/polix/new.php In FF, the background won't repeat onto the testing content box. In IE, it continues, but the box is not centered, and a huge margin gap is added to the top of the site. I put all my CSS into single lines to try and debug, sorry bout the mess, but I just can't seem to figure it out.
»Ceiu Posted June 14, 2007 Report Posted June 14, 2007 (edited) The "problem" (for lack of a better term) is with the "float" property -- IE is rendering it incorrectly. The correct behavior is what you see from FF, as the div has been pulled out of the content flow and should no longer "force" the height of it's parent to change. You've got a couple of options here:A) You can set the overflow property to "auto" in your #container style to make FF behave like IE (and maybe even fix the other rendering problems !@#$%^&*ociated with this IE bug). There are a few hacks to make IE perform like FF (see: here), and then use some absolute positioning. Also... there's a bunch of other issues as well, but these aren't !@#$%^&*ociated with your rendering problem.-Missing closing body and html tags-The padding property in your #content_box style doesn't have a colon.-And a plethora of non-critical xhtml compliance issues: Missing alt property on every image, missing form action, input tags aren't closed and missing page !@#$%^&*le within header. -C Edited June 14, 2007 by Cerium
PoLiX Posted June 14, 2007 Author Report Posted June 14, 2007 Well, page !@#$%^&*le, input, and form will come later, it is just to get the basic layout together 1st. And alt isn't right anymore either, now it is "!@#$%^&*le". Fixed the
»Ceiu Posted June 15, 2007 Report Posted June 15, 2007 Well, with relative-absolute positioning, you usually don't have to update anything unless you change the design again -- which typically requires work regardless of the method used. Floats are nice in theory. Thing is, IE has so many problems with it, you almost always have to use hack to get them to be fully browser compliant. Regarding the alt thing. There may be a "new" standard in CSS3 or whatever, but at the moment all the validation tools still require the alt field.
Recommended Posts