Topic: CSS Gallery

I presumed I needed to make a new thread. Oh well,I neeed to ask, does anyone know how to make a CSS gallery. I've had success with IE, the page looks excellent on it but not on other browsers. Here's what I have, 4 columns like so

[image] [caption] [image] [caption]

here's the link to the page (note I didn't have time to upload the images but you can still see the difference)

http://www.angeltowns.com/members/contours/extras/canvas.htm
(sorry but you'll have copy paste it into the address bar, it's my host)

and here's the stylesheet
http://www.angeltowns.com/members/contours/extras/style.css

any suggestions?


Online Portfolio

You keep giving 'position: absolute' in the CSS for elements, but then you don't specify any positions so they are all going to be at position (0,0).

1) Get the page to work in FireFox or Opera, then Mozilla, then Explorer. Explorer is not a good place to start when testing a new page.

2) Don't mix absolute and relative positions on the page. Use one or the other. Mixing will cause problems in the layout.

-- not necessarily stoned... just beautiful.


(Edited by hyperbole on 06-20-2004 23:00)

Thanks but actually it's working perfect now, I thought I'd read everything at ALA but it got me once again. One question though (this is interesting) when you say specify the positions you mean margin right?


Online Portfolio

I can assure you that it does not work perfect, not even in IE. Things are out of place all over the page in IE, and far moreso is Firebird.

When he says position, he means the position. You specify "position:absolute;" in many places, but then don't actually specify what the absolute position is supposed to be (for example: top:20px; left:10px;").

There is no need for absolutely positioned elements in that apge, and in fact it is quite probably what is causing problems. Simply do not specify a 'position' at all, unless there is a circumstance where it is absolutely needed.