Mar 28, 2012 at 2:01 PM
Edited Mar 28, 2012 at 6:39 PM
In my previous wiki (Wiki Link: [discussion:347094]) i did ask whether this was possible and due to the help of you guys I was able to get it working
perfectly... until i did a test with Google chrome.
The strange thing about my solution was that i had to use marging for my logo and image to get them well positioned. This worked, but not for Chrome because there i could not use my naviation anymore.
So I went deeper into it and finally found that within site.css (also in TheThemeMachine theme) there is a part called
zones and i found that .zone-header was using padding. What i did was using a negative margin myself and inside
.zone-header there was a positive padding. IE9 was working perfectly, but Chrome could not handle it, and navigation was not possible. By removing the padding inside the .zone-header and taking out the margin in my coding, the system was
working perfectly and the problem in Chrome was gone. But i still was puzzled ;-)
Could someone tell me why a padding was placed in the
.zone-header? I did expected this sort of positioning inside
#layout header or in #branding since this information is typically connected to the header.
Also when and for what do you use the .zone-header
and other .zone-... ?
thanks for your comments