Hi there,
I'm trying to create a beveled, shadowed, rounded, aquaesc window layout. I'm using multiple divs, each with it's own positioned background to form the window shape, top left, top, top right, right, bottom right, bottom, bottom left, left. I should mention also that that div width is dynamic, not static, otherwise this would be much easier.
here's the html URL
<!-- m --><a class="postlink" href="http://intranet.moriacps.vic.edu.au/portfolios/template/index.php">http://intranet.moriacps.vic.edu.au/por ... /index.php</a><!-- m -->
and the CSS file.
<!-- m --><a class="postlink" href="http://intranet.moriacps.vic.edu.au/portfolios/portstyle.css">http://intranet.moriacps.vic.edu.au/por ... tstyle.css</a><!-- m -->
it works perfect in IE 6 but mozilla browsers don't like it one little bit. It's possible the div's aren't clearing properly around the text, but I'm not quite sure.
Can someone point me in the right direction as to how I get this to display in mozilla browsers?Fixed the issue.
for one thing I didn't have a div tag with a clear class, I had background colours set that weren't needed and one div tag using an undefined class. I musn't have been in the right frame of mind for that one. Oh well.
if there's any admins about this thread can be deleted.The solution may well be of interest to others which is why we have a search facility.
I'm trying to create a beveled, shadowed, rounded, aquaesc window layout. I'm using multiple divs, each with it's own positioned background to form the window shape, top left, top, top right, right, bottom right, bottom, bottom left, left. I should mention also that that div width is dynamic, not static, otherwise this would be much easier.
here's the html URL
<!-- m --><a class="postlink" href="http://intranet.moriacps.vic.edu.au/portfolios/template/index.php">http://intranet.moriacps.vic.edu.au/por ... /index.php</a><!-- m -->
and the CSS file.
<!-- m --><a class="postlink" href="http://intranet.moriacps.vic.edu.au/portfolios/portstyle.css">http://intranet.moriacps.vic.edu.au/por ... tstyle.css</a><!-- m -->
it works perfect in IE 6 but mozilla browsers don't like it one little bit. It's possible the div's aren't clearing properly around the text, but I'm not quite sure.
Can someone point me in the right direction as to how I get this to display in mozilla browsers?Fixed the issue.
for one thing I didn't have a div tag with a clear class, I had background colours set that weren't needed and one div tag using an undefined class. I musn't have been in the right frame of mind for that one. Oh well.
if there's any admins about this thread can be deleted.The solution may well be of interest to others which is why we have a search facility.