Philip Taylor schreef op 25-05-15 om 19:14:
I don't think that http://beta.erikvisser.net/images/header1.jpg should
scale anamorphically as the window changes width; it would be better
(IMHO) if the aspect ratio should remain constant and the viewport onto
it change.
Ok, good point.
This is my fix:
- moved the elephant logo image from the masthead into the top of the
left column
- gave the logo image: position relative and top -7.5em
- gave the menu box_1: position relative and top -9.5em
- gave the header1.jpg: min-height 7.5rem
Last fix is a little cheat to keep header1.jpg looking nice and also to
avoid the logo might shove above the masthead in any browser.
Looks good on my machine. That is Mac Os X Lion, using:
Safari 6.1.6
Firefox 38.01.
Chrome 4.3.0.2
Hope this does not give any strange effects in any other platforms and
browsers or on small screens / mobile browsers.
http://beta.erikvisser.net
Thanks again, Erik
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
