I've got these floated links and search box:

    http://hank.org/demos/vert/index.html

In Opera 9 that white search box is pushed up:

    http://hank.org/demos/vert/register.png

Is this a problem with Opera 9?


The (reasonably hacked-up) css is in banner.css:

    http://hank.org/demos/vert/banner.css
    (search down for #bannerBottom)


I'd like to clean up the layout and css.  The issue, of course, is
getting things to vertically align.  And I'd like to not used fixed
heights so that font resizing also resized that orange bar.

Any suggestions how to get the text links and form to align vertically 
in that orange bar on the banner?



One attempt was to give the enclosing div display: table-cell,
but then I drop my 100% width:

    http://hank.org/demos/vert/table-cell.html

I'm not clear why I can't set 100% width.


Then I tried using a table for layout:

    http://hank.org/demos/vert/table.html

But, again in Opera 9 the search box is not vertically aligned:

    http://hank.org/demos/vert/register-table.png


Any suggestions for how best accomplish this in a reasonably
cross-browser way?


Thanks,







-- 
Bill Moseley
[EMAIL PROTECTED]

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

Reply via email to