Hi all, Let's consider this web site: http://photos.obones.com/
As you can see, it uses frames and tables in the top frame to do the layout. This is not the recommended way to do things nowadays, so I'm trying to rewrite this using divs and CSS for the layout. Most of it is working, but I have trouble reproducing the top "frame" buttons. Using divs, I got the result visible at this address: http://photos2.obones.com/ As you can see, I'm quite far from what I want to reproduce. Basically, I want the following display: - "header" takes the entire width of the window - "header_lang" is 60pixels wide - "header_buttons" takes all remaining space on the same line as "header_lang" - "header_button" takes 25% width of its containing "header_buttons" div. As there are four buttons, this makes them use all the width of the parent div. The header buttons are displayed on top of each other while I want them to be displayed one next to the other. I have tried using "display: inline" but this prevents me from using the "width" attribute. I'm getting quite lost here as it seems either I have the elements inline, or either I have them with a width parameter. The main targets for the website are IE7 and FF2. Compatibility with Opera would come as a bonus, while compatibility with older versions of IE or FF are not required at all. Many thanks for your help Olivier ______________________________________________________________________ css-discuss [cs...@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/
