I just started a project that will use a css layout instead of a table layout. I'm having a few issues getting IE to look the same as FF. I dont get any errors from validation either. The text padding isn't done for the left side or the content, but thats not an issue I just haven't done it yet. Here's a link. http://webforcestudio.com/blog_design/blog.htm.Thanks.

Let me guess, you're using Dreamweaver in WYSIWYG mode ???

You do not need, nor do you want all that absolute and relative positioning. IE 6 & 7 specifically have some major problems with it. Learn to use the normal document flow and get rid of the positioning.

You should also have your CSS in an external stylesheet, not inline as you have it.

Originally Posted by LadynRed

Let me guess, you're using Dreamweaver in WYSIWYG mode ???

No, I'm not using dreamweaver, I'm using visual studio.

Originally Posted by LadynRed

You do not need, nor do you want all that absolute and relative positioning. IE 6 & 7 specifically have some major problems with it. Learn to use the normal document flow and get rid of the positioning.

As I said before... first time trying a CSS layout... so... some links would be great. I'm trying to do a fixed width layout and I don't really understand how to do image borders with css like I have on the post area. I was using the positioning to put the corner images in the correct place within a relative positioned div.

Originally Posted by LadynRed

You should also have your CSS in an external stylesheet, not inline as you have it.

All of the css is inline because it's pointless to put it in an external sheet at this point.

DW, Vis Studio, FrontPage doesn't really matter, ALL WYSIWYG suffer similar problems with bloated, impossible to maintain code.

It is NEVER too soon to put the CSS in an external stylesheet, that's where it should be from the start of the project.

I'm not using a WYSIWYG editor... and it doesn't matter if the css is inline or external... that has absolutely no effect on my code...

40 layouts:
http://blog.html.it/layoutgala/

More here:
http://www.maxdesign.com.au/presentation/page_layouts/

There are lots of ways to do rounded corners:
http://www.smileycat.com/miaow/archives/000044.php

that has absolutely no effect on my code...

Sure it does.. it bloats it. Look at all the work you're creating for yourself when it's time to get it out of your code. Try using a developers tool like FireBug in Firefox, and you can test changes in css all you want w/o affecting the actual file - until you're ready to.

Thanks for the links. Re-coded it... Now im having a border issue. The borders don't show up in FF and only has a height of like 20 pixels in IE. Any ideas?

http://webforcestudio.com/blog_design/index.htm

Thanks.

The height is defaulting to the height of the text you have inside it. If you want it to be bigger than that, then use min-height on that area. However, IE 6 does not understand min/max height or width, you will need to feed IE6 a fixed height using conditional comments and a separate css file with JUST that 'fix' in it.

Yeah I kinda figured it was the height. I was thinking about making it into one big image with white in the middle and set it to the background of a wrapper.

I was thinking about making it into one big image with white in the middle

That's rarely a good idea, what happens when the box needs to stretch ?
There are other ways around that, like putting the top and bottom in as backgrounds in separate divs above and below a div with a white background that will stretch.

the box doesn't need to stretch for this layout, it's fixed width, so it should be fine. yes, when using a liquid layout it would not work but that's not the layout I'm using with the project. the background is a temporary fix... that is until I try a stretchable layout lol.

the box doesn't need to stretch for this layout

Ok, but what happens when someone increases the size of their text in their browser settings ???