...

View Full Version : Border not fully visible



SRD75
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?

Excavator
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.

SRD75
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.

SRD75
12-10-2012, 06:28 AM
*bump*

Can anyone see what is pushing my div sidewards?

Excavator
12-10-2012, 07:45 AM
*bump*

Can anyone see what is pushing my div sidewards?


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

}

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

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum