Wolfey's Website

Go to

• Content
• Sidebar

Location

• Home
  • Parent
    • Child
      • Grandchild

Last Updated: March 30, 2006

(Intentionally broken link for error page testing purposes - internal)

(Intentionally broken link for error page testing purposes - external)

This is the new "master" template for my site. It's a work in progress, so there may be quite a few bugs in it: Feel free to E-Mail or (on a message board, if I'm there and the board supports it) PM me with any suggestions you may have to make it look better.

It's looking good in most modern browsers (I think it does, anyway =P), but it's got some problems when viewed in Internet Explorer, and I'm wondering if anyone knows how to fix them. Here's what I need fixed for IE (except for moving fixed issues to the top of the list, these items are in no particular order):

• Padding is missing on the bottom of most of the <div> tags. Fixed.
• Margins for various elements (block quotes, tables, forms, the sidebar, etc.) are overshot, or missing entirely. Fixed.
• The padding for "Site Links" falls slightly short of what it should be, and the margin between it and "Site Compliance" is too large (attempts to fix this have failed). Fixed.
• The <legend> section is not properly displayed halfway outside the border of the <fieldset> section (as it is in Firefox, and in both Firefox and IE when CSS is disabled for the page), and it is cut off if any attempts are made to do this. Fixed.
• The sidebar has a tendency to get pushed off the side and below the content area, if the browser window is resized small enough. Fixed.
• The bottom of the "Header" section has an extra one-pixel strip at the bottom of it, although it blends in with the background color of that section - Hovering over the link will lighten the "Header" section and make the strip visible. Worked around - New code has been added to make it easier to go to the "Content" and "Sidebar" sections, with the "Location Bar" <div> moved below the "Header" <div>. The link has been moved from the header to the "Home" link in the location bar. This format looks (and, IMO, works) better than the previous format, and also works around this problem (by keeping it from occurring in the first place).
• Tables cannot be centered (at least, not without centering everything in <div>s). Worked around - Along with IE7, encasing the tables in <div> tags with a class of "table", plus the appropriate CSS rules, allows them to be centered).
• The right margin for the "block-list" of items in the "Content" area's "Links" section is too small - They go right off the side of the <div> tag they are inside. Fixed.
• The width specified for a <textarea> tag is a fixed width, which keeps it from being compressed when the "Content" section's width is compressed. This causes headers to "separate" from the right edge of the "Content" area and makes it look bad. Worked around - The <textarea> will now be compressed when the "Content" section is compressed; Headers can still separate, but the "Content" area's width must be very small for this to occur.
• The "floating descriptions" close to the right side of the "Content" area have a tendency to be cut off early. Fixed.
• Hovering over links (the "floating description" ones) is glitchy - The paragraph (and header) above it will sometimes disappear (or reappear) when hovering over a link. The bottom of the "Site Compliance" section is also affected, in a similar way. Fixed - Replaced the "block-list" <span>s with <div>s and the headers/paragraphs are no longer affected.
• Hovering over "floating description" links does not work when JavaScript is disabled, as I have used IE7 to (among other things) allow hovering on <li> tags - I have tried to allow this same hovering on <a> tags (as I know "a:hover" CSS code works, and it is something I can fall back on if JavaScript is disabled), but so far, I have been unable to get this to work. Worked around - If JavaScript is disabled, each link will be on its own line; each link's description will be visible, on the line below the link.
• The sidebar has a tendency to get pushed off the to the left side of the screen (where the "content" <div> is at) and obscures the text in front of it. It's partially worked around - Now it appears behind the "content" <div>, but I want it to stay right where it is, without moving around at all.
• The content in an <input> one-line text box cannot be vertically centered.
• Checkboxes and radio buttons cannot be styled independently of other <input> tags.
• <Input> buttons cannot be aligned to the left side of the <fieldset> area independently of other <input> tags.

If you can help me fix these IE-specific problems (by additions to a CSS file that only IE will see, or possibly JavaScript, through an .htc file that [like the example before] only IE will see), I'd greatly appreciate knowing how to fix these problems =)

Also, if you, or someone you know or have spoken to, is familiar with .htaccess files: Do you know how to set it up so that only the name of the file (without the extension, but with a trailing slash), can be used to make a working link (e.g. "testpage.html" becomes "testpage/", "intro.php" becomes "intro/", etc.)? With some help, I have been able to get it to use just the filename without an extension, but I can't get it to add a trailing slash. If you can help me out with this, please E-Mail me with the line(s) I need to add to my .htaccess file to get this to work.

(P.S.: I want this to affect only three particular extensions: .htm, .html, and .php - All other extensions will be left alone. Thanks =) )

Introductory paragraphs are the only things that will appear in this light-brown section - Most of what appears on the site will be inside the dark-brown <div> tags below. The headings will describe which type of formatting I'm testing out.

All of the remaining sections are only to be used on blog-related pages. Each one covers a different combination of what may appear in a blog entry, as well as the order that the blog events will be listed in. Two noticeable changes from the previous sections are the difference in heading structure, and the fact that there is a new part added to the bottom of the section, for any comments or TrackBack entries.

Sidebar

Footer

(This is currently being used for filler - I haven't decided what to put in it yet =P)

URL: http://wolfey.sillydog.org/Prototyping/
Referrer: (There is no referrer for this address.)