Hello, I have an issue in CSS. I have 2 divs: "center" and "bottom". The div "center" has variable content, this is, its content is loaded into the div dinamically throw PHP so the height of the "center" div varies depending on the content loaded throw PHP. (the width is fixed... no problem with that) The "bottom" div is position underneath the "center" div, so my issue is if i don't specifie a defined height for the "center" div, the content of "center" div overrides the content of "bottom" div....i don't want this to happen, i want that the "bottom" div to be pulled down not being overritten by the "center" div, depending on the height of the "center" div.... Can anyone help me ?
Without seeing the actual HTML and CSS it's hard to say how to fix this, but you might try using "clear" for one or both of the two divs. #center { clear: both; } #bottom { clear: both; }
Is center floating or absolute positioned? Floating you can fix it as Kirkbride said, absolute positioned you cannot... and is a sure sign the layout is being done incorrectly. Though without a url or the code it's like trying to instruct someone in the repair of a supercharged V-8 over a morse code telegraph.