Hi all,
I have a site that is very important and has to conform to standards.
the font size is set to .9em, I had two people look at it in the beginning -
one asked why I used such a lage font and the other mentioned that the font
was so small they could hardly read it. I have a feeling that it may need a
fixed font size. Is there any way around this?
I uses a CMS that I developed which allows them to create as many upper
level and lower (dropdown) links as they want. They can edit each page with
an on line editor which has the option of styles and *groan* fonts which is
why the transitional doctype, but on the bright site it triggers standards
mode. The CMS is a (neat and clean) flat file PHP system that I have spent
years creating.
The style sheet and external javascript have the .php extension and uses
HTTP headers to send the appropriate mime types and encoding as well as the
web pages themselves to avoid the meta tag for char encoding. (It is handy
to have a config section at the top of the style sheet to set some common
widths and colors)
The menu relies on JavaScript for the dropdows in ie and if javascript is
disabled I wrote a php script that will generate links to the other pages
within the category.
I am having issues with the layout and turn to you folks for some guidance
and or help.
No matter what I do I'm always 1 taco short of the fiesta platter.
Especially in regards to the right column stretching to the bottom.
Both columns rely on javascript to make them equal in height.
I have 3 examples that look the same but are built different.
This page has a nasty 2 column table but is the least breakable when the
screen is resized and the most consistent when columns are resized.
Both ie and moz show a full right column
http://www.aarpflorida.org/index2.php
the second level pages are all divs but the (source) order is backwards for
left and right.
The right column looks good in ie but short in moz when the main text area
is shorter.
http://www.aarpflorida.org/Events-National/
Main text is longer here
http://www.aarpflorida.org/Aging_News/
This is more correct as far as standards and would probably be the best to
use.
Since the right content is absolutely positioned it is also the most
breakable when resized and the the javascript (see below) doesn't take
positioning (top:239px;) into account when resizing the columns so the right
column overlaps the bottom div by 46 pix.
http://www.aarpflorida.org/index-alldiv.php
Any advice and or comments are appreciated because I am not sure what would
be the best solution.
I have been trying to modify the JavaScript to add 46 pix to the left column
for this to no avail.
Should 46 pix be added to the right content and let the script adjust left
content or just add 46 pix to the left content.
Either way I cannot bend it to my will and am hoping someone on the list
could help.
function setTall() {
if (document.getElementById) {
//-- I am trying to add 46 px to the right content and according to me ;-)
this should work
var divs = new Array( document.getElementById('leftcontent'),
document.getElementById('rightcontent').height + 46); // also tried adding +
'px' to the mix
//-- this works fine
var divs = new Array( document.getElementById('leftcontent'),
document.getElementById('rightcontent'));
// determine the maximum height out of columns
var maxHeight = 0;
for (var i = 0; i < divs.length; i++) {
if (divs[i].offsetHeight > maxHeight) maxHeight =
divs[i].offsetHeight;
}
for (var i = 0; i < divs.length; i++) {
divs[i].style.height = maxHeight + 'px';
if (divs[i].offsetHeight > maxHeight) {
divs[i].style.height = (maxHeight - (divs[i].offsetHeight - maxHeight))
+ 'px';
}
}
}
}
window.onload = function() {
setTall();
}
Thank you for looking at this.
It has been a huge project and getting the layout to do what I wanted has
been the biggest challenge.
Cheers
Loren
____ The WDVL Discussion List from WDVL.COM ____
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] or
use the web interface http://e-newsletters.internet.com/discussionlists.html/
Send Your Posts To: [email protected]
To change subscription settings, add a password or view the web interface:
http://intm-dl.sparklist.com/read/?forum=wdvltalk
________________ http://www.wdvl.com _______________________
You are currently subscribed to wdvltalk as: [email protected]
To unsubscribe send a blank email to [EMAIL PROTECTED]
To unsubscribe via postal mail, please contact us at:
Jupitermedia Corp.
Attn: Discussion List Management
475 Park Avenue South
New York, NY 10016
Please include the email address which you have been contacted with.
