CSS design

Status
Not open for further replies.
ldsmedia

ldsmedia

Banned
Jul 2, 2008
154
0
0
68
Cincinnati, Ohio
www.ldsenterprisesllc.com
I created a web site with css and am trying to fix it up a bit. The biggest problem I am having is that the content section seems to have a large margin on both the left and the right sides.

I didn't create any margins or padding. What can I do to decrease this large amount of white space. Could the problem be that I used a background image?

Site is Dental Savings


thanks for any help you can give
 


In your CSS, you specify the width of #container twice. First on line 7, then on line 69. Now that won't break your site; the 2nd value will override the first one. I'd still take out the redundancy to avoid any future mess though.

Anyway, that's the value you have to change in order to make it wider. Right now it's 780px I think, try upping that to 960 or 1024 and see how it looks.
 
Some browsers give everything a margin unless you explicitly say not to

I pretty much always put * { margin: 0; padding: 0; } at the top of all my style sheets


Edit: I looked at your page and I don't see a margin problem...?
 
Thanks Bobsoap. You are correct. Problem was I started with someone elses file and then edited it. Most of what I read says not to make your container bigger than 800 px total (including padding and margins). Maybe that's where I got confused.
I know it's not great, but it's not bad for someone who's been studying for only a few months.

Any ways, thanks for the help dude! Plus rep
 
I could add designing first for a standard-compliant browser like Opera or Safari or Firefox and then tuning up for IE crap. If you start other way round, your design will just suck.
 
Tedel said:
I could add designing first for a standard-compliant browser like Opera or Safari or Firefox and then tuning up for IE crap. If you start other way round, your design will just suck.
Click to expand...

Quite true, but if you also know some of the "rules" you can design in Safari/FF and expect not to have to tweak in IE7 or IE8 (without using IE conditionals even).
 
d03boy said:
Some browsers give everything a margin unless you explicitly say not to

I pretty much always put * { margin: 0; padding: 0; } at the top of all my style sheets
Click to expand...

Yep. And that's not the only thing they give your page. If you want to get rid of all the arbitrary things that different browsers give to your page use a CSS Reset File.
 
Status
Not open for further replies.
Top Bottom