By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,984 Members | 1,092 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,984 IT Pros & Developers. It's quick & easy.

Div Layout - Need Help

P: 1
Since this is becoming a complete hack-job, I think its about time I asked for some help. I am trying to make a calendar using AJAX to allow for the main calendar to display, then load in the events afterwards for any given week. Each step along the way I find some hack to make it work but its becoming with all the problems I've been running into I'm thinking I'm not attacking it right.

Here's the output of the iframe in question (I know they don't match up perfectly on the days, in the iframe they actually do better, even at several different resolutions)

On the actual server I'm using mod_rewrite to point to a CSS file that is generated by PHP for the events. The div tags that are later positioned by the CSS are loaded via an XML request and inserted into a DIV tag at the bottom of the page, positioned absolutely to their locations. (I originally had each day's events loading within the top of the actual calendar grid, but I couldn't get them to not affect the width of the table and they were messing up the whole alignment. My hack was to load them outside of the whole table and have them absolutely position where they need to be).

If you're usine IE, you will notice my latest issue. The popup onmouse over in IE hides behind the adjacent events (In Firefox it works as expected). At one point I tried to do these popups with CSS, but also ran into the issue of them going behind the adjacent events (even with the Z index higher). Javascript was a hack that worked in Firefox, but not in IE.

Any ideas on how to attack and fix this?

If not, anyone know some good resources that talks about methodologies of layout in CSS. I know what many of the properties do (at least I think)... but I've had a hard time finding any tutorials that really explain how to use CSS layout well. Most of them are extremely basic.
Sep 18 '06 #1
Share this Question
Share on Google+
1 Reply

Expert 5K+
P: 7,435
I'll edit this as I look at your code:

First, you have no doctype. This immediately puts IE into quirks mode and you don't know what the heck it's going to do. As your first line, insert this:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"

Second, it's <style type="text/css">

After making those two changes, validate your html AND css. I know you have at least two css errors.
Sep 18 '06 #2

Post your reply

Sign in to post your reply or Sign up for a free account.