Home » questions » CSS Box Model Bug? Advice Needed!?

CSS Box Model Bug? Advice Needed!?

2006-08-17 22:31:44, Category: Programming & Design
http://67.43.120.140/kurt The above link is for a website I'm working on for a friend. It relies on two style sheets (2column.css & submenu.css). There is also a javascript file (ieHover.js) The 2column sheet is not the problem. Somewhere in the submenu.css sheet I've created (because it wasnt there earlier) a cirucumstance whereby the submenu box is multi-line on IE6. It looks correct when viewed with Mozilla. The submenu text elements should be horizontal, single-line. The submenu.css sheet is a merge of a CSS tab menu and a CSS drop-down menu. I used internet-available code, so some naming conventions (ie: liRenaissance) are not my doing. When I tried to change the names of those it made for a mad-house, so I've opted to leave it in place till I find a way to remove it without confusing it. Also - and I'm not sure what to do about it - there is a "focus" issue - relates to what tab has the focus when the page is loaded when no hover state exists and uses .on and .off classes. I've now removed/change all but two display:blocks. The remaining two when changed dont seem to fix the proble - but do create other large problems. :( Sorry if the link temporarily flaked out - we have had two minor (brief) power outages today that have temp. taken my webserver offline. At the moment, its back up.

Answers

  1. achtungbaby

    On 2006-08-18 13:35:11


    Your link didn't work for me.
  2. Tame One

    On 2006-08-17 22:47:33


    Look for the property "display: block" in the style for the submenu text. Try changing it to "display: inline" or try removing it. Here's another way to do drop down menus. http://www.alistapart.com/articles/horizdropdowns/ If you're going to design a website, it's a good idea to take the time to really understand how CSS works. Good luck!