258109 - ahima.org - Text is off center on webpage, portion of text is hidden.

Status: RESOLVED INCOMPLETE

(Tech Evangelism Graveyard :: English US, defect)

Description

[Bartel Broussard]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7) Gecko/20040803 Firefox/0.9.3
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7) Gecko/20040803 Firefox/0.9.3

As you can tell on the right side of the webpage, text is off center,
incomparsion to IE 6.0, (which deplays the text correctly positioned). 
JavaScript or XML problem I am assuming.

Bartel

Reproducible: Always
Steps to Reproduce:
1.
2.
3.

Comment 1

[Boris Zbarsky [:bzbarsky]]

This is almost certainly a bug in the site caused by working around IE bugs;
there's a fair amount of pixel-positioning going on, and IE has known bugs in
some of the properties the site is using (like "width" and "height").

Comment 2

[Hermann Schwab]

A quick glance at the source code:

<META content="MSHTML 6.00.2800.1400" name=GENERATOR>

<div class="LayerBottom2" id="BottomLayer3" vesibility = "hidden">
<div class="LayerBottom2" id="BottomLayer2" vesibility = "hidden">
<div class="LayerBottom" id="BottomLayer1" vesibility = "visible">
<div class="LayerBottom2" id="BottomLayer4" vesibility = "hidden">
<DIV class="Layer2" id="RtNavButtonsLayer2" visibility ="hidden" >
<DIV class ="LayerHand" id=HandsLayer style="POSITION: absolute; visibility:
visible;">
<DIV id=SubNavLayer style="LEFT: 73%; WIDTH: 200px; POSITION: absolute; TOP:
50px; HEIGHT: 23px; z-index: 1; visibility: visible;">

Links to CSS and JS:
http://campus.ahima.org/navigation/CSS_dropdown/CSS%20Drop%20Down%20Menu/samples/sample4_data/menu_styles.css
http://campus.ahima.org/navigation/CSS_dropdown/CSS%20Drop%20Down%20Menu/samples/sample4_data/menu_styles2.css
http://campus.ahima.org/style_sheet/CampusHome.css
http://campus.ahima.org/navigation/CSS_dropdown/CSS%20Drop%20Down%20Menu/samples/sample4_data/menu_settings.js
http://campus.ahima.org/navigation/CSS_dropdown/CSS%20Drop%20Down%20Menu/samples/sample4_data/menu_settings2.js

there are some more JS files, seen in the JS console, with assignments and
references to undefined properties, functions not always returning a value etc.

no Doctype, so validator.w3.org isn´t very useful.

Errors in CSS:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fcampus.ahima.org%2Fstyle_sheet%2FCampusHome.css&warning=1&profile=css2&usermedium=all
Line: 0 Context : .ListItem

Invalid number : clipInvalid separator in shape definition. It must be a comma.
: rect(auto auto auto 50px) 

should be: 
clip:  rect(auto,auto,auto,50px);

Comment 3

[Mats Palmgren (inactive)]

From http://campus.ahima.org/style_sheet/CampusHome.css

The center boxes (classes "Layer1", "Layer3" and "Layer4") have 'left:24.8%'
and 'width:54.5%' and the right navigation box (class "Layer2") have 'left:77%'.
Hence the overlap. The center boxes also have left+right padding which adds even
further to the overlap.

->TE

Comment 4

[Chris Lawson (gone)]

INCOMPLETE due to lack of activity since the end of 2009.

If someone is willing to investigate the issues raised in this bug to determine whether they still exist, *and* work with the site in question to fix any existing issues, please feel free to re-open and assign to yourself.

Sorry for the bugspam; filter on "NO MORE PRE-2010 TE BUGS" to remove.