|
| |
|
|
Brandon
Posts: 431
Joined: 7/13/2004
From: Indiana, US
Status: offline
 |
firefox center - 7/28/2006 22:15:52
Centering problem in firefox. I think I'm losing my mind!  I don't have that much code, but I can't seem to see what I did to cause this centering problem.
Webpage
<body>
<div id="container">
<div id="header"><img src="images/logo.gif" alt="Lawson Design Studio" width="450" height="150" /></div>
<div id="top">
</div>
<div id="main">
</div>
<div id="bottom"></div>
</div>
</body>
CSS
body {margin: 0 auto; padding: 0; text-align: center; line-height: 1.5em; color: #000; background:#4b4a49 url('images/bg.jpg') repeat-x;}
#container {margin: 0 auto; text-align: center; width: 760px; height: 650px; }
#header {width: 450px; height: 150px; padding: 0; margin-top: 40px;}
#top {width: 450px; height: 50px; margin-top: 10px; padding: 0; background:url(images/content_top.gif) no-repeat;}
#main {width: 450px; height: 300px; padding: 0; background:url(images/main.gif) repeat-y;}
#bottom {width: 450px; height: 145px; padding: 0; background:url(images/content_bottom.gif) no-repeat; }
_____________________________
~ Brandon
|
|
|
|
Tailslide
Posts: 6295
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: firefox center - 7/29/2006 3:17:31
Hi Brandon
Not sure exactly what you're trying to do... were you wanting to centre the header and main divs etc on the page? If so, then you could always make the container box 450px wide (or maybe 452px) and then the internal divs will be centralised as the container div is.
Or you could use margin:0 auto on the individual divs within the container.
Unless there's something else going in the container it's probably easier to make it narrower to "fit" the inside divs - then the lot will be centralised.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
"make the container box 450px wide" Fixed it
