position:absolute in html

[poltergeist]

does this work on safari? as my web page looks ok in IE but in safari its all over the place?

[poltergeist]

or is this css? what ever I use it at the head of my html page and refference it to a div in the body

[Huderon]

It's CSS, and it is supported by Safari. And example of it in use can be found here

[poltergeist]

well its just a bit strange as if you go to my web site in safari all the links and pictures are all over the place. The web site is www.matthewrodbourne.com is there a problem with the code?

[poltergeist]

sorry I mean http://www.matthewrodbourne.com

[rojash]

Your page doesn't render properly in IE or Firefox.

Because you've specified absolute for some items and not others (e.g. the advert is absolute, the menu is not), resizing the browser window means that the floating elements can easily move to a position where they obscure, or are obscured by, the fixed elements.

Try viewing it in IE with and without a sidebar, and with the browser set to various sizes and you'll see what I mean.

[poltergeist]

rojash ya I see what you mean...

How can I position with out doing

left:200px; with position absolute? I positioned one by using center. Is there a way of positioning using % of page width so this problem doesnt happen?

[rojash]

I'm no expert - you might find these links helpful:

http://www.autisticcuckoo.net/archive.php?id=2 004/12/07/relatively-absolute

http://www.barelyfitz.com/screencast/html-trai ning/css/positioning/

[fo3nix]

You rarely want to use position absolute.

Have a look here:

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

The CSS isn't the best, but it's not too bad.

Oh, and 1996 called: it wants its marquee tag back!

[Haggisdj]

Best advice I can give you is to go to W3Schools and follow their advice.

I usually develop using Firefox with the add-ons Firebug and Web Developer. I then detect the browser and adjust for I.E.