Sami wrote: > Hi All, > > I am a beginner of CSS and am frustrated after failing this simple task. > > I am trying to compose a header that has two images one on each side (left > and right) and a site sections menu in between. Here is my test page: > > http://miyav.ath.cx > > (using css http://miyav.ath.cx/stil.css ) > > I couldn't set the vertical aligment of the menu and its separation from the > right image. I need the menu and right image to have some gap in between and > menu items aligned to the bottom of the header. How can I accomplish this? > > thanks > - S. J. > >
lo Sami, I've got a couple of suggestions for you... First off avoid the height 100% thing, ideally you want to avoid defining a height on anything that contains text because it can be re-sized. To get your header to contain the floated items reliably (whatever size they are) you can float the header aswell. In other words remove any reference to height on the header, images and menu and set 'float: left;' on the header, it will work because you have width: 100%; set on the header div. With the menu your best option may be to try and set the header div to position: relative; and then use absolute positioning on the ul to get the menu where you want it... e.g. bottom: 0; right: <width of the right hand image>; See how you get on with that, you may run into some cross-browser issues so check back with the list then. Take it easy, Rob ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
