4 replies [Last post]
PlancksCnst
Offline
newbie
Last seen: 13 years 38 weeks ago
Timezone: GMT-5
Joined: 2005-11-05
Posts: 7
Points: 0

I am having some dificulties with css on my page. I am refacing a church website to hold them over until I get a dynamic system in place. I'm using a iframe on there right now; later, it will probably be divs that are hidden/unhidden. I've been testing these in IE6, Firefox 1, and Opera 8. The following is what I'm having problems with. I would greatly appreciate help with any of these issues and help with other browser checks. Thanks!

http://vcftampa.com/index1.html

Opera 8.02: Almost perfect.
- index1.html
*iframe height is set to 100%. It should be 100% of it's container. It is actually doing 100% of viewport.
*z-index for navigation box (div#buttonbar) is messed up. It should display on top of all. It actually displays above the border of the content div, but below it's content. (I suspect it is a renering issue with iframe, and won't get fixed until I replace the iframe with divs)

Firefox 1.07
-index1.html
*iframe height follows "min-height: 400px;" instead of "hight: 100%;"
*div#container is not following height rule, but instead is shrinking to size of iframe inside of it
-home.html
*div#map displays below div#directions. It should be beside until window is resized to being too small (view in Opera).

IE 6
-all pages
*<h1> line-height style causes the box to clip prematurely (note, also tried using a div class="h1", too; same problem).
-index1.html
*<h1>Where we meet:</h1> positioning works, but no other <h1> positioning works
*iframe height is set to 100%. It should be 100% of it's container. It is actually doing 100% of viewport.
*div#buttonbar - fixed positioning doesn't work right in any IE - not worried about this
-home.html
*div#map displays below div#directions. It should be beside until window is resized to being too small (view in Opera).
*<h1> position doesn't work.
-aboutus.html
*<h1> position doesn't work.

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 40 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

CSS Troubleshooting

Your approach in immitating frames with iframes is old school. What purpose does it serve? So you don't have to recode the menu on each page? You're actually making more work for yourself. The menu is only 9 lines, can be reduced to 7 (becuase a ul is block level element and doesn't need to be wrapped in a div) and the anchors' target attribute can be nixed. If your concerned with future expansion then use server side includes to include the menu.

PlancksCnst
Offline
newbie
Last seen: 13 years 38 weeks ago
Timezone: GMT-5
Joined: 2005-11-05
Posts: 7
Points: 0

CSS Troubleshooting

Yeah, like I noted above, it's a makeshift thing until I can get a dynamic server-side cms type system set up. I'm planning on taking out that iframe, but many of the issues still exist without the frame there.

drhowarddrfine
Offline
Leader
Last seen: 13 years 1 week ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

CSS Troubleshooting

I'm out of town and don't have access to my tools but, in your css, one problem is you don't have units set for 'margin-top'.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

PlancksCnst
Offline
newbie
Last seen: 13 years 38 weeks ago
Timezone: GMT-5
Joined: 2005-11-05
Posts: 7
Points: 0

CSS Troubleshooting

Thanks! I fixed that bit. I was hoping it would six that clipping quirk I'm having in IE, but it didn't.