|
| |
|
|
Linda5630
Posts: 104
Joined: 9/29/2002
Status: offline
 |
Layout problem - 5/16/2007 13:17:10
My conversion from FP and tables to EW is going well, but I'm having a problem with it not appearing properly in Firefox. It's exactly the way I want in in IE.
The css and html validate, but in Firefox I lose the proper placement. The text in the right panel (which should all stay in the white, right area panel area) wraps below the red panel and some of it appears below the bottom border of the body.
I suspect that I have something wrong in the layout tables, but I'm not sure how to remedy it. I'd appreciate any help you can offer.
Linda
http://www.lvm-web-design.com/CSOA
|
|
|
|
Linda5630
Posts: 104
Joined: 9/29/2002
Status: offline
|
RE: Layout problem - 5/16/2007 17:45:25
I posted the URL for the home page, which is actually close to being ok in Firefox. The page that illustrates the problem is
http://www.lvm-web-design.com/CSOA/classicalI.htm
Thanks for any insight anyone can offer. Linda
| |
|
|
|
Tailslide
Posts: 6272
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: online
|
RE: Layout problem - 5/17/2007 2:29:16
Hi
There are a couple of issues.
Currently you've got CSS rules in the stylesheet(s), in the page head and inline in the tags. That's pretty much a recipe for disaster as you'll have issues trying to work out which bit has precedence and it will be a nightmare to maintain. Remove all the CSS rules to the stylesheet (you only need one stylesheet really) for a start.
Secondly, the layout issue appears to be that the containing div isn't expanding to contain the content in Firefox, Opera and basically any browser except IE. The reason for this is that IE (bizarrely) will keep expanding div sizes to contain whatever's within it no matter whether you tell it to or not. Other browsers won't.
There are several ways around this. The easiest way is to add the rule "overflow:hidden" to the containing div's rules (once you move it all to the stylesheet). This usually solves the problem BUT it can sometimes cause issues in older IE versions (5 and 5.5) and sometimes Opera. So you need to check. If it does cause an issue then do a Google for "Clearfix" and add that in instead. That will "clear" your floats.
You also appear to be using non-breaking spaces in paragraph tags to space elements out - this is a bad idea. Use margins and padding to do this instead.
Edit: also - that menu... it's not search engine friendly (don't think that search engines will be able to follow the links so they'll never see the rest of the site). It's not keyboard or screenreader navigable and it won't work with Javascript switched off or with security levels up high in browsers such as IE7. I'd seriously think about changing it to something better - maybe something like Accessible Suckerfish.
< Message edited by Tailslide -- 5/17/2007 2:36:23 >
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Linda5630
Posts: 104
Joined: 9/29/2002
Status: offline
|
RE: Layout problem - 5/17/2007 4:27:29
Thanks for taking the time to help me. I think I've cleared up the placement issue, and I'd forgotten about the menu issues. I've upgraded the DHTML from XFS Jumpstart, and I think it has taken care of both SEO and keyboard issues.
I really appreciate your help! Linda
| |
|
 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 
