473,322 Members | 1,714 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

Absolute positioning problems

Mobius Evalon
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.
Dec 21 '07 #1
3 1363
drhowarddrfine
7,435 Expert 4TB
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
Dec 21 '07 #2
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.
Dec 21 '07 #3
drhowarddrfine
7,435 Expert 4TB
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">
Dec 21 '07 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

13
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...
4
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...
6
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...
2
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...
1
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...
2
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...
6
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...
1
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...
14
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:...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
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...
0
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...
0
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...
1
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)...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
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
0
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...
0
isladogs
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...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.