So I'm modyfing the arcmateria theme and I'm having a problem with the sidebar.
The whole menu is created in the "div id=Sidebar"
I can put a background image into it or something but that's not what I'd like.
Beeing a css beginner I starrted playing with the theme to try to obtain what I'd like.
The first thing I did is open block.tpl.php and see how the blocks are made.
title is only a h2 text and the content is "div class=content" wich belongs to Sidebar.
#Sidebar .content {
background blabla
{
did not give the expected results. it was shifted to the right and margin-left:-20px did not help.
Second thing I did was create 2 new div ID's. BlockTop and BlockDown
I positioned them in block.tpl.php above/below the block code and in the css file gave the appropriate background to each class.
Margin-left:-20px to align the thing with SideBar and it was working almost pefectly.
1) It was screwed up in IE.
No idea why but most of the time I use margin-left, it does not work with IE, so I have to use padding-left.
And now after I used padding-left, It was aligned fine in IE, but was shifted to the left in firefox.
2) IE does not seem to take 1px high divs...
3) those BlockTop and BlockBottom divs also appear in the middle content section.
How would I filter whem in block.tpl.php to only appear on the sidebar?
Anyone please give me some hints/ideas