CSS - Why is the breaking?

Question

I have the following page, which has two divs wrapped inside
a third.
For some reason, in IE on mac the second breaks to a new
line. It does
not do that in either Safari or Firefox. I don't want it to
break.
It is on this page, to right, in the disko section:
http://www.agilitygraphics.com/clients/pmuck/2006/
The CSS I am using is the following:
#diskHolder
width: 265px;
padding: 5px 0 10px 0;
clear: both;
#disk01
float: left;
width: 60px;
#disk02
float: left;
width: 200px;
What am I doing wrong?
Thank you for any help!
Brian

Answer 1

Osgood, thank you, I really appreciate the critisizm. Yes, I
come from
designing with tables. Just learning CSS and learing as I go
along, so
this is great, I will make those changes.
> At the moment you are making life hard work for
yourself by using
> copiousamounts of <divs>, which is no better than
using copious
> amounts of nested tables.
What should I aim for doing instead?
Thanks a lot!
Brian
wrote:
> Brian wrote:
>
>> I have the following page, which has two divs
wrapped inside a third.
>> For some reason, in IE on mac the second breaks to a
new line. It does
>> not do that in either Safari or Firefox. I don't
want it to break.
>>
>> It is on this page, to right, in the disko section:
>>
http://www.agilitygraphics.com/clients/pmuck/2006/
>
>
>
> Remove clear: both; from the css as below.
>
>
> #diskHolder {
> width: 265px;
> padding: 5px 0 10px 0;
> }
>
>
> Then after each of your 'diskHolder' <divs> add
<br style="clear:both;"
> /> as below.
>
>
> <div id="diskHolder">
> <div id="disk01"><img
src="Life_files/pmuck_ep_01.jpg"></div>
> <div id="disk02"><span id="s02">scandinavian
ep</span><br>
> 2003 krikl-krakl #03</div>
> </div><!-- end diskHolder -->
> <br style="clear: both;" />
>
>
> By the way some things you should consider:
>
> 1) an 'id' should only be used once on a page, not
numerous times as you
> have at the moment. I would change the 'ids' to
'classes'.
>
> 2) Did you start out using tables as a means to design
pages? Only
> you're moving from one tag soup to the other.
>
> Using <divs> can be more lean, clean and easier to
maintain. At the
> moment you are making life hard work for yourself by
using copious
> amounts of <divs>, which is no better than using
copious amounts of
> nested tables.
>
> I realise this is possibly an initial exploration into
building using
> <divs>. It's just an observation which hopefully
will help you consider
> the approach you use next time around.
>
> Also take onboard you can leave the width of a
<div> undeclared if its
> withing another <div> with the same width.
>
> I find that the less I declare the more it helps, simply
because I don't
> have to keep track of everything. This is extremely
helpful when you
> come to trouble shoot a page because its one less
calculation that you
> can forget about.
>
> Good luck.
>
>