I guess your text boxes have inherited padding you haven't figured into your width calculations - meaning there is not enough space for them to sit side by side.
Check computed widths in Firebug. - Jacob Stevens -----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Dudley Barker Sent: September 27, 2010 6:15 PM To: [email protected] Subject: [css-d] grid-type image box layout Greetings. Been keeping an eye on the digest for a while, now it's my turn to ask for help. Got a two column layout. Column one (left) is static and unchanging over all pages (sorry no url to refer you to). The right hand column varies. Here is the problem. What I would like to achieve is this: Within the RH column are two images side-by-side. Below are two text boxes the same width as the images. The text box (1px border) relates directly to the image above (a sort of caption, if you like) and must be the same width as the image box. The elements must be evenly spaced (padding etc.) within the column. I just can't seem to get the layout right. Using divs within other divs and float properties has just got me nowhere so far (the images are sitting side by side, but the text boxes are one below the other [floated left and right] and refusing to budge). Please help. Thanks. ______________________________________________________________________ css-discuss [[email protected]] 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/ ______________________________________________________________________ css-discuss [[email protected]] 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/
