Sorry, originally posted this from my mobile and there's no 'reply
all', so this didn't make it back to the list
the way the css is defined, #left and #right would need to be nested
inside a div, that's nested inside the 'header-bottom' class, but
that's not how it's marked up.
try simply
#left { width: 190px; float: left; }
#right { width: 560px; float: right; }
this would work too
.header-bottom #left { width: 190px; float: left; }
.header-bottom #right { width: 560px; float: right; }
IMO there's no need because these are ID's, and they won't (or
shouldn't) be found more than once in the markup.
On 11/17/06, Marty Martin <[EMAIL PROTECTED]> wrote:
> I'm having trouble getting div#left and div#right to float correctly. I
> want them beside each other but right now they are wrapping under each other
> and I can't figure where I'm going wrong with this float...help?!
>
> Here's what I have--
>
> .header-bottom { width:755px; background-color: #FFF; background-image:
> url(../img/page-bg.gif); padding-top: 1px; color: #fff; }
> .header-bottom div { height: 177px; width: 751px; margin: 0 auto;
> background-color: #000c53; }
> .header-bottom div #left { width: 190px; float: left; }
> .header-bottom div #right { width: 560px; float: right; }
>
> < div class="header-bottom">
> < div id="left">left</div>
> < div id="right">
> < img src="images/urologic-experts-header.jpg" width="560" height="177"
> alt="Roanoke Urology" /></div>
> < /div>
>
> You can view here-- http://urologicsurgeryonline.com/
>
>
> Thanks!
>
> Marty Martin
> ______________________________________________________________________
> 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/
>
--
Chris Martin
Web Developer
Open Source & Web Standards Advocate
http://www.chriscodes.com/
______________________________________________________________________
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/
