div layout on mac

mac css compatibility

[thebrax]

as an example

<div class="test1">
<div class="test2">
stuff
</div>
<div class="test2">
stuff
</div>
</div>

<div class="test1">
<div class="test2">
stuff
</div>
<div class="test2">
stuff
</div>
</div>

where test2 class floats the div to the left...
on a pc this acts like rows and columns but on a mac in ie5.2 it simply puts the divs in one long line...not nice

anyone know if there is a css value that creates the line break or new row effect which would work on a mac?

i dont want to use <br> unless i can absolutely help it...id rather keep the structure to just divs that are transformed etc...

anyone?

[TGecho]

Are you trying to display tabular data? Tables are good for something, as most people here will probably agree.

[thebrax]

i want to try to keep the data available in its most simple form in the html, so that other stylesheets can be applied to it and it can turn into other things, so tables are not really an option unfortunately

[Winedark]

I'm not sure this will precisely answer your questions, but it helped me in a similar situation:

[realworldstyle.com ]

The page above shows a method to float a row of thumbnail images, but I think the CSS would work with text as well.

The key to your problem may be that you need "spacer" divs before and after your floating content. Something like:

<div class="spacer">
&nbsp;
</div>

where div.spacer {clear: both;}

By the way, what browser are you testing with besides IE?

I highly recommend using Camino 0.7 for the Mac, which is Gecko-based, very sleek and fast, and displays CSS in a more straightforward way than other Mac browsers I've used...

[thebrax]

thanks...ill give that a try...

ive been testing on Mozilla and Ie on a PC

Mac is not so important to test on (in this case)...thankfully the application that the html is for will only be used inside my company...im not excessively bothered about compatibility cos the desktop is fairly standard here...famous last words...