I've been staring at this problem and stabbing in the dark at it for a few hours now, and I've finally broken down to the point where I realize I need some help.
I'm absolutely positioning most of the elements on my site, found here: http://mobiusevalon.tibbius.com/tibbius/
I'm having problems with the post information displayed at the top left of each post div. The first set appear where they're supposed to, but each consequent post piles their photo and information in the same place, so all three sets of divs are in one spot at the top left of the "page content", the third post's on top of all of them.
From what I understood, absolute positioning did so within the container element, which in this case is each individual post's "post" class div, but each instance is behaving as if they all belong to the same div element.
Any help is appreciated.
3 1363
Absolutely positioned elements are removed from the normal flow but are related to the next positioned parent element. Your containing divs are not positiioned so the images rise to the next one up. Add 'position:relative' to .post
Absolutely positioned elements are removed from the normal flow but are related to the next positioned parent element. Your containing divs are not positiioned so the images rise to the next one up. Add 'position:relative' to .post
Hum, amazing how seventeen characters is the difference between chaos and order, many thanks.
Related to the same page but unrelated to this problem, would you happen to know why the 16x16 pixel rounded corner images are rendering darker than the div in Internet Exploder? The "post" class div has a background colour of #c0c080 and that was the same value I gave to the images for a colour (RGB 192,192,128). As expected, it matches the div colour in Firefox, though.
They aren't rendering darker, IE is moving them out of position. I forgot to mention before that your doctype is incomplete. This puts IE into quirks mode and it won't attempt to perform like modern browsers. Use this one:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Sign in to post your reply or Sign up for a free account.
Similar topics
by: murali |
last post by:
Hello everyone,
I used absolute positioning with div tag in my website. The page looks
cool as long as someone doesn't try to zoom in by increasing the text
size (ctrl++ or thru changing font...
|
by: xtort |
last post by:
My question is:
If you create a template in Photoshop, slice it in ImageReady, using
the CSS output option(under the "slices" menu in "output--options"),
and then use the CSS output for a...
|
by: Harald Kirsch |
last post by:
In the W3C document about CSS2, I read at
http://www.w3.org/TR/REC-CSS2/visuren.html#choose-position
the following:
absolute
The box's position (and possibly size) is specified with the...
|
by: kevinC |
last post by:
Hello,
I know most of you are probably going seeing positioning:absolute; and
centering in the title and saying, oh no! not again! Do a google
search!
Actually, I've found many helpful...
|
by: Lars A. Gundersen |
last post by:
So I'm starting out with CSS positioning, and it seems to work fine -
until I check in IE6/Win, of course.
I'm trying to use absolute positioning to place a box with my site's
main contens area...
|
by: nonsensitor |
last post by:
I'm just learning xhtml & css, primarily from westciv's online tutorials and css guide. I've run into a couple of problems with a page I'm developing that I can't figure out.
The first problem is...
|
by: Mark |
last post by:
hi, i'm trying to position something in the top right corner of a
container, but i can't seem to figure out how to get it working.
here's the html
<div class='thumb'><a href='image.jpg'><img...
|
by: alice |
last post by:
Can someone point me to a page that has good info on how the different
browsers handle positioning? I'm finding that position:absolute works
differently between Safari and IE7. Sort of ironic if...
|
by: Fistro |
last post by:
I'm trying to find a design that would allow me to build web pages
without having to worry about compatibility issues (not too much, in
any case,,,)
I've came across this CSS layout technique:...
|
by: ryjfgjl |
last post by:
ExcelToDatabase: batch import excel into database automatically...
|
by: isladogs |
last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM).
In this month's session, we are pleased to welcome back...
|
by: Vimpel783 |
last post by:
Hello!
Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
|
by: jfyes |
last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
|
by: PapaRatzi |
last post by:
Hello,
I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
|
by: Defcon1945 |
last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
|
by: af34tf |
last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
|
by: Faith0G |
last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome former...
| |