HTML CSS Problem

Question

please check this URL. http://works.ebexsoft.com/destin/

There is an unexpected margin/padding in the bottom. I have used css like this:

@charset "utf-8";
body{margin:0; color:#232323; padding:0; background: #FDF8E4 url(images/bg.jpg) repeat-x;}
* {margin:0; padding:0}
html, body {margin: 0; padding: 0:}

But the space is not removing. What can I do? Please help.

Ezra · Accepted Answer · 2011-03-07 07:34:13Z

4

The space at the bottom is being caused by the <div id="body_area1"> element.

In the .css, you have height: 200px; in the #body_area1 section, which is what's causing the "empty" space at the bottom.

Either changing 200px to be a smaller value, or removing the height: line altogether should get you the desired effect.

answered Mar 7, 2011 at 7:34

Ezra

7,7121 gold badge26 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

pcraft · Accepted Answer · 2011-03-07 07:32:25Z

1

In the style.css #body_area1 height is set to 200 .Please remove it .

answered Mar 7, 2011 at 7:32

pcraft

1561 silver badge10 bronze badges

1 Comment

pcraft Over a year ago

Its in the style.css 927th line

grc · Accepted Answer · 2011-03-07 07:36:24Z

1

body_area1 should have a height of 150px, not 200px.

answered Mar 7, 2011 at 7:36

grc

23.7k5 gold badges45 silver badges63 bronze badges

Collectives™ on Stack Overflow

HTML CSS Problem

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related