By mcannell on
I have a drupal site done but in IE only if you resize the window after it has loaded, one of the blocks stays right where it is while the rest of the site moves to stay in the center of the window. I am referring to horizontal resize only.
If you refresh the page it displays properly.
Also, if you roll over a primary link, the block magically resets to the right position. The block isn't in the primary links block.
I don't know what else to do. It's crazy and only in IE.
Can someone shed some light on what is going on? This is a block that I created from within Drupal Admin.
http:://dte.builttolead.com
Comments
Can't anyone offer any
Can't anyone offer any advice?
The joys of CSS in IE
Hi there,
I had a look at it and saw that it is your entire right sidebar that is sticking, so this would be a good place to start. I would guess that it has either to do with haslayout in IE, or possibly the relative positioning of the sidebar. Try setting a few things in your style sheet like:
#sidebar-right {
zoom: 1;
}
#container {
position: relative;
}
One of these two things may do something for you.
Hope this helps!
Dave Ingram - Gainesville, FL
www.ingraminnovation.com
Now the entire page except
Now the entire page except the header sticks
Now, I've made the content
Now, I've made the content all stick together but I want it all to move.
You can see that it doesn't move, but when you roll over a primary link it jumps into position...
This is so frustrating
I FINALLY GOT
I FINALLY GOT IT!!!!!!!!!
body {
position:relative;
float: left;
}
#container {
position:relative;
}
#sidebar-right {
position:relative;
}
#header-region {
position:relative;
}
Setting position in container locked the content together (without the header) but didn't move
Setting position in the sidebar-right didn't seem to do anything
Setting position in the header-region locked all the page content together but it was all stuck
Setting position & float in body makes it all work as it should