I think that css table less design are the best way to design website nowadays.I get help from Dreamweaver in this cases cause it shows the margin and padding of tables in the design mode(this is not seen in Homesite for example)

Tableless CSS designs are the best way to code a website nowadays, But your only problem is the browser compatibility like IE6 but its not a problem if you know how to use the IE css hacks.

I've made this page: http://new.davaobusiness.com/hosting.htm and i used the div tag and code with css. i have a problem with it in IE6.

Alfren - you are triggering IE6's doubled-float margin bug with this kind of code:

#content-right {
float:left;
margin-left:4px;
width:675px;
}
When you apply a margin going in the same direction as your float, then IE will DOUBLE that margin. You need to use conditional comments to call a separate CSS file that contains ONLY the code needed to make IE behave. In this case you need to add display:inline; to the div's where you have float:left and a left margin and float:right and a right margin.

I see... thnx for your help! I don't really know how to use this code: display:inline; in css.

When i'm fixing in IE6, i use the css hack: * html .element i almost got it only a few errors left.

I completely agree with LadynRed and that CSS is the way to go - WHEN I can get it to work.

It just seems an uphill struggle trying to change years of (now classed as) bad habits.

At the moment I'll admit that it is taking me longer to do layouts with out using tables but occasionally, something works first time and I'm surprised at how fast it can actually be.

well it is 10 years since the introduction of css.

maybe soon as well ie will support some more of it

I don't really know how to use this code: display:inline; in css.

I TOLD you how - you create a separate CSS file, I call mine 'iefixes.css'. In that new file your css will have JUST the code to fix IE6. In this case it would be:

#content-right, #content-left{display: inline;}

Add any other ID's or classes that also have float:right with a right margin, or float:left with a left margin.

In your html, you use a CONDITIONAL COMMENT to call that 'iefixes.css' file. Google is your friend.. look it up!

When i'm fixing in IE6, i use the css hack: * html .element i almost got it only a few errors left.

And that is a bad habit to get into, particularly since IE7 will choke on that *html hack.

It just seems an uphill struggle trying to change years of (now classed as) bad habits.

There is no question that moving to table-less layouts and really mastering CSS is a steeper learning curve, but it's well worth the effort in the end .

You shouldn't be designing a page to look exactly the same in every browser as from what I understand its a practical impossability.
If you dont want to use conditional statements for the float margin bug then set your page layout so it will support the double margin in IE6 - that wll fix the IE double float margin (i.e. if your left float has a left margin of 2px, set your layout so it has space for a 4px float) then in IE 6 the float will be bigger but it wont fall over. It may look slightly different in IE6 but nothing is ever going to be perfect.

@ Darren
I only learnt CSS a couple of months ago (I had never even heard of it before and always used to use tales - my current site has tons of them, until I upload the new site I am working on) and whilst I am still learning and have not yet 'mastered' CSS I have found it easier to use in the main and much more versatile than tables and well worth the effort.

well i don't really have a problem with IE7 because i use a conditional comment for a separate css file for IE7.

I only learned css in one day and i really think tableless CSS webdesign is the best!

I only learned css in one day

Along way to go then?!