[fanmap81]

Ok heres the thing.....I have my sites looking the way I want them to by way of netscape.....thats the only browser thats rendering my layouts exactly how i intended. Safari,Firefox, and Opera are a little bit off......Internet Explorer 5 for Mac way off, and slightly off for Explorer on PC. Im using floats for my content. Can anybody tell me what extra CSS or code i would have to type in to make my sites very consistent across all these browsers?

http://www.fantasticfantasymm.com/WorldEquity

http://www.fantasticfantasymm.com/MMS

http://www.fantasticfantasymm.com/BKBrokers

Those are the sites. Any and all help is appreciated. Thanks

[emil]

I think you should first change your doctype to strict.
You have way too many divs

<div class="HomeButton"></div>

<div><a href="index.html" class="HomeButton"></a></div>
<div class="AboutUsButton"></div>
<div><a href="AboutUs.html" class="AboutUsButton"></a></div>
<div class="StaffButton"></div>
<div><a href="Staff.html" class="StaffButton"></a></div>
<div class="ServicesButton"></div>
<div><a href="Services.html" class="ServicesButton"></a></div>
<div class="ContactButton"></div>
<div><a href="ContactUs.html" class="ContactButton"></a></div>

learn to do that with lists from here
www.css.maxdesign.com.au
This site has also good tutorilas on floating
stuff arond.
You might want to check
http://positioniseverything.net/
to clear floats and see known browser bugs.

Finally, to have things centred in the page,
you need to put everything in a container div
like so:

<div id="container">
     <div id="nav"></div>
      <div id="content"></div>
</div>

then set up your css like this

body {text-align:center;}
div  {text-align:justified}

#container {margin:auto;}

Cheers

[emil]

Oh, one more thing...
waaay too much coding here imho

.ContentBlock1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
text-align: justify;
overflow: visible;
width: 615px;
float: left;
background-image: url(images/RepeatingDivider.jpg);
background-repeat: repeat-y;
color: #000000;
padding: 0px;
background-position: left;
background-attachment: scroll;
margin: 0px;
}
.ContentBlock2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #000000;
overflow: visible;
text-align: justify;
background-image: url(images/LatestNews.jpg);
background-repeat: no-repeat;
width: 150px;
float: right;
padding-top: 40px;
padding-left: 5px;
margin-right: 10px;
}
.ContentBlockWide{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
color: #000000;
overflow: visible;
text-align: justify;
width: 800px;
padding: 0px;
}

just declare once the font attributes for the paragraphs,
don't repeat them, it makes no sense

[fanmap81]

will doing these things fix all my problems? are is it just a path to set me on? Not able to try right now. Thanks

[emil]

more like a path I only tested your sites in FF 1.0.4 and IE 6 on PC,
I can not say anything about Mac browsers, though.
Just do some reading on the links I gave you,
also check
http://www.kevinleitch.co.uk/projectnew/index.php
www.alistapart.com
www.mezzoblue.com

for further reference.

[Limbo]

Originally Posted by emilpaun

<div id="container">
     <div id="nav"></div>
      <div id="content"></div>
</div>

then set up your css like this

body {text-align:center;}
div  {text-align:justified}

#container {margin:auto;}

I can't get that to work in FF? Must be doing something wrong??

I use:
CSS

html, body {
	padding: 0;
	margin: 0;
	text-align: center;
}
div#wrapper {
	background-color: #eee;
	width: 500px;
	margin: 0 auto;
	text-align: left;
}

html

<div id="wrapper">  
<div id="content"></div> 
</div>

Emil - you sure you posted the correct CSS?

[emil]

http://www.randomcolors.com/uploads/limbo/

[nakedintruder]

www.dithered.com is a must have site to help with this, have a look

[Limbo]

Niceone emil - I made a typo - apologies

[emil]