Comments on: Floating text below an absolutely positioned div

By: qgoauxqkvc

qgoauxqkvc — Thu, 21 Jun 2007 00:52:57 +0000

Hello! Good Site! Thanks you! glnpfpeqcpjf

By: Andrew

Andrew — Mon, 23 Jan 2006 12:51:07 +0000

The problem with that solution is that the image will “float” within it’s parent div to remain centered above the text. I need the image to remain fixed to the page, and have the text float beneath it. Using margin: 0 auto; is definitely the solution if you don’t mind the image moving.

Ramin Example Here.

By: ramin

ramin — Mon, 23 Jan 2006 08:16:11 +0000

Ugh… The previous comment’s HTML got mangled, so here’s another try:

…

By: ramin

ramin — Mon, 23 Jan 2006 08:14:27 +0000

Why don’t you use the HTML code:

…

With the following CSS:

.image {
padding: 0 3em;
margin: 0 auto;
text-align: center;
}

.image img {
margin: 0 auto;
}

.image p {
clear: both;
font-style: italic;
text-align: left;
}

This works in IE, Mozilla/Firefox, and Opera and validates. The caption will remain centered with respect to the image. The only problem that you may have would be that the width of the caption can be greater than the image’s width, but that is easily solved.