CodingForums.com - Border not fully visible

CodingForums.com (http://www.codingforums.com/index.php)

- HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)

- - Border not fully visible (http://www.codingforums.com/showthread.php?t=282806)

SRD75

11-23-2012 04:53 AM

Border not fully visible

Hi Folks. This page 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. 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

Quote:

Originally Posted by SRD75 (Post 1298657)

*bump*

Can anyone see what is pushing my div sidewards?

Code:

.sidebar-box {

    height: auto;

    margin-bottom: 25px;

    /*overflow: hidden;*/

    clear: both;



}

SRD75

12-11-2012 03:29 AM

Beautiful. Thanks.

OlgaRainbow

12-12-2012 12:20 PM

One more Thanks! found it useful for me.

All times are GMT +1. The time now is 04:22 AM.