View Full Version : Border not fully visible

11-23-2012, 05: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?

11-23-2012, 06: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.

11-23-2012, 07: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.

12-10-2012, 06:28 AM

Can anyone see what is pushing my div sidewards?

12-10-2012, 07:45 AM

Can anyone see what is pushing my div sidewards?

.sidebar-box {
height: auto;
margin-bottom: 25px;
/*overflow: hidden;*/
clear: both;


12-11-2012, 04:29 AM
Beautiful. Thanks.

12-12-2012, 01:20 PM
One more Thanks! found it useful for me.