SRD75
11-23-2012, 04:53 AM
Hi Folks. This page (http://test.incredibleconcepts.com.au/news/) has a sidebar, which contains an enquiry form.
The form has a border, but the right hand border is being pushed out of view.
Can you see how to solve this?
Excavator
11-23-2012, 05:24 AM
Hello SRD75,
It looks like your form is 280px wide while the width of your sidebar is only 270px.
See the box model here (http://www.w3.org/TR/CSS2/box.html). The box model says that whatever you put inside an element cannot be larger than that element. margin/padding/border all count when figuring width/height.
SRD75
11-23-2012, 06:19 AM
Thanks again Excavator.
I've changed the form to 270px, and the fieldset it contains aswell, but the fieldset is being pushed out to 290px.
I can't see what is doing the pushing. None of the elements the fieldset contains are this wide.
SRD75
12-10-2012, 05:28 AM
*bump*
Can anyone see what is pushing my div sidewards?
Excavator
12-10-2012, 06:45 AM
*bump*
Can anyone see what is pushing my div sidewards?
.sidebar-box {
height: auto;
margin-bottom: 25px;
/*overflow: hidden;*/
clear: both;
}
OlgaRainbow
12-12-2012, 12:20 PM
One more Thanks! found it useful for me.