This page talks about fixes I have made for ScrewTurn Wiki version 3 release.
Breadcrumbs positioning
"There is something rutten in the state of Denmark."
I don't know exactly what have happened, i wasn't there ! but things in the CSS for ST version 3 is strange.
I have some breadcrumbs and they have links, that pops up like this:
 This is how it looked before |
Positioning is wrong and I decided to dig into it.
First I could not find it, but suddenly a specific CSS property hit my eyes. I found that all elements from body to breadcrumb was all positioned normally, except for PageHeaderDiv, which had a
position:relative CSS property attached to it. This doesn't immadiately seem wrong, but apparantly have serious consequences when IE calculates layout and offset values. It is evident that
position:releative influences layout, when it is specifically defined amongs objects that have default position.
#PageHeaderDiv {
position: relative;
}
When I removed that property from the CSS, things was completely different. Now it looked like this:
#PageHeaderDiv {
/* position: relative; */
}
 This is how it looked after removing position:relative |
Imvestigating this changed positioning behaviour the next problem was some veird margin values for the
pageoutgoinglinksmenu class.
div.pageoutgoinglinksmenu {
background-color: #FFFFFF;
border: solid 1px #DDDDDD;
margin-left: -196px;
margin-top: -41px;
}
Changing this to:
div.pageoutgoinglinksmenu {
background-color: #FFFFFF;
border: solid 1px #DDDDDD;
margin-left: 2px;
margin-top: 2px;
}
Fixed the positioning of breadcrumbs so it looks like this.
 Fixed breadcrumbs position |
This fix is valid for all the modes i am able to test vith IE8. IE8 has a feature, that allows you to change pragma for which IE version to implement positioning system for.