Hello!
I posted in this forum a while ago about a redesign of the Sweden Design site... I've now done the header and its menu as well as the sidebar, but I need your help.
First of all I'd like to get comments on improvements. (It's appriciated if you have a solution of how to accomplish the improvement if you comment on it)
Secondly I need some help with CSS. 2 things about the sidebar: 1) It doesn't stretch down, and faux columns is very hard being where I am currently with the layout, and the height property is either 100% or I don't use it. However, maybe someone here who knows the DOM in Javascript could do a little script that checks browser viewport height, subtracts about 120px from it and then appends that height property to the #sidebar box. (please anyone?)
2) I'd like to have a shadow on it as I had previously. As you can see I'm using a png shadow and would like to do so with the sidebar too - does anyone have an answer to how I might fix this? (if you don't then I'll try to figure it out myself - if I just can get the height correct)
Another thing I need help with is the methodology page -- if the content area is too small the wrapper doesn't go all the way down. Maybe the same javascript could fix this?
Lastly I want to be able to insert a blue background color under the first part of the content area where I wish to have an image... I think I got the same problem, or logical problem here, as I have with the sidebar... Any suggestions?
It's done purely in CSS with sprites for the menu which makes it very easy to update any menu design... It was really really hard to get it all correct - just have a look at the semi transparent shadow on top that moves over an uneven background!!
Content is loaded thought ASP .Net and User Controls.
The page is at http://194.236.30.84/swedendesign2/?css=2.
Doesn't work in IE due to the XML style sheets and that I haven't bothered programming the part to switch XML style sheets for IE when using the style switcher (i.e. the ?css=x)... Furthermore it wouldn't work anyway since the layout is really advanced. (like position:fixed, pixel-perfect margins etc)...
After my minimocks I'll also add sIFR heading replacements to get the right font.
Have a look!