|
| |
|
|
slbergh
Posts: 322
Joined: 11/8/2002
From: Iowa
Status: offline
 |
I can't find the problem! - 2/3/2006 15:58:00
I have one set of pages in my website that have suddenly decided to ignore the layout described in my style sheet. Throughout the rest of my site, the layout is centered, however this set of pages jumps all the way to the left. I've looked at the styles and the page code so much that I can barely focus my eyes anymore!
Could someone else take a look and tell me if they see a problem that jumps right out at them? (I will say the coding on these pages is much more complex/convoluted than anything we've really ever done before. We've taken a flawed dynamic web application and are forcing it to play nicely with a well written CMS.)
_____________________________
Digital data lasts forever...or 5 years, whichever comes first!
|
|
|
|
Tailslide
Posts: 6272
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: I can't find the problem! - 2/3/2006 16:09:27
Hi
You've got an extra </div> here:
</div>
</div></div>
<div id="footer" class="clearfix">
Should be:
</div></div>
<div id="footer" class="clearfix">
So basically the content box is ending too soon and leaving your footer "outside" and full width.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
slbergh
Posts: 322
Joined: 11/8/2002
From: Iowa
Status: offline
|
RE: I can't find the problem! - 2/3/2006 16:34:03
Thanks for catching that! I removed it and now it's displaying properly in FF, but not in IE. (And I've cleared my cache and history already.)
_____________________________
Digital data lasts forever...or 5 years, whichever comes first!
| |
|
|
|
Tailslide
Posts: 6272
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: I can't find the problem! - 2/3/2006 16:44:07
Hi again
Ok so you've got this currently in your CSS:
body {background: #fff;margin: 0 auto; color: #000; font-style: normal; font-family: verdana, tahoma, sans-serif;line-height:110%; font-size:90%; }
#layout {width: 760px; margin: 0 auto; height:100%;}
You need to add a couple of things to trick IE into centering:
body {background: #fff;margin: 0 auto; color: #000; font-style: normal; font-family: verdana, tahoma, sans-serif;line-height:110%; font-size:90%; text-align:center;}
#layout {width: 760px; margin: 0 auto; height:100%;text-align:left;}
Adding Text-align:center to the body gets IE to center the box - then you normalise the text alignment in your container div (#layout).
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Tailslide
Posts: 6272
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: I can't find the problem! - 2/3/2006 16:52:12
Actually - I'm not sure that's the problem as it seems ok on the other pages...
You've got some comments before the DOCTYPE on the faulty page - that can sometimes cause problems for IE - try removing them (grasping at straws at the moment)
Edit: Yes just tested it locally - remove everything before the DOCTYPE and it goes back to centre.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
slbergh
Posts: 322
Joined: 11/8/2002
From: Iowa
Status: offline
|
RE: I can't find the problem! - 2/3/2006 17:53:04
Wow. Okay, that did it, although I don't quite understand what comments would have to do with anything! They were actually in an include file. Let me tell you, this particular project is definitely a learning experience!!
_____________________________
Digital data lasts forever...or 5 years, whichever comes first!
| |
|
|
|
Tailslide
Posts: 6272
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: I can't find the problem! - 2/4/2006 4:27:12
Anything before the DOCTYPE will throw IE into "Quirks Mode" - in other words it reverts back to interpreting your code as HTML -0.0007 or whatever. If you take the comments out then it will behave itself and interpret the markup in "Standards Mode".
_____________________________
"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 
