[kam2701]

Hi, this is my first css and html site: www.efficient-heat.net

I'm looking for constructive criticism of my technique. What mistakes am I making with my code?

I'm trying to manoeuvre into intermediate territory.

Thanks for your tuition.

[Mikec1uk]

A good start, but by looking at it you have given every element an id and absolutely positioned them. It's not good practice and you can run into problems.

First you'll need to read up on positioning in css...that will get you used to using margins, floats etc to place things on the page...

[kam2701]

Mikec1uk, on Jul 9 2008, 16:55, said:

A good start, but by looking at it you have given every element an id and absolutely positioned them. It's not good practice and you can run into problems.

First you'll need to read up on positioning in css...that will get you used to using margins, floats etc to place things on the page...

Hi,

In Firefox nearly everything has been positioned absolutely. The idea of measuring from a fixed point made most sense to me at the beginning.

When I looked at the pages in IE 7/6 it was a complete mess. In the end I had to float most of the stuff. Im getting more adept at relative positioning too.

Ill have to make more use of classes. At the moment I'm not entirely sure the benefits they bring.

I will be reading from Oriley definitive guides as I reckon I need their excruciating detail to move forward.

Thanks for your help, much appreciated.

[Mikec1uk]

Just a note - If you have a wrapper to the page, just add position:relative; to the css for it.

That way when you absolutely position things inside it, they will go from the edge of the wrapper rather than the edge of the screen and will display the same in ie and firefox.

However, carrying on learning css and it will all come to you...it's all about trial and error.

[kam2701]

Mikec1uk, on Jul 9 2008, 17:28, said:

Just a note - If you have a wrapper to the page, just add position:relative; to the css for it.

That way when you absolutely position things inside it, they will go from the edge of the wrapper rather than the edge of the screen and will display the same in ie and firefox.

However, carrying on learning css and it will all come to you...it's all about trial and error.

The position relative on the wrapper would have saved me days of tweaking. Thanks for the info.

I've read copious amounts, but tangling with the issues and having a forum like this to ask questions makes all the difference.


I now feel a bit more confident with css and html and will be trying a two column layout next. I'm not pushing myself too much . The reason is I now know there is so many other aspects to deal with : decent copy, SEO, dealing with clients even more computer illiterate than myself etc etc.

Web design is complicated business I can now appreciate that.