Pixelpost

kriepl · #11 02-06-2008, 09:00 PM

ok ok , i am very close....
except I can not seem to get it to stay in the correct spot OVER the image when the browser window is resized.
This is the code i have currently in my CSS file:

Code:

#image-info {
	background-color: black;
	text-align: left;
	position: absolute;
	margin-left:20%;
	top:107px;
	z-index: 1000;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	font: 10px/12px verdana, helvetica, arial, sans-serif;

Ive tried using pixels in the margin setting as well as % and cant figure it out.
any advice?

fredxeric · #12 02-06-2008, 10:26 PM

can you give us the link to your page so we can figure it more better.

try something like position the exif layer in the html instead of trying to positionning in the css files.

kriepl · #13 02-06-2008, 10:34 PM

yes i thought of the link after i posted, and then left studio.

http://www.gatheringofpixels.com

kriepl · #14 02-06-2008, 11:22 PM

i dont think repositioning the EXIF/Comments html is working.

fredxeric · #15 02-07-2008, 12:02 AM

I cant see the exif at all

kriepl · #16 02-07-2008, 12:24 AM

no, no, click the info/comments.

i need the that window to be centered over photo.

fredxeric · #17 02-07-2008, 12:34 AM

Quote:

Originally Posted by kriepl

no, no, click the info/comments.

i need the that window to be centered over photo.

this is easy, you will have to wrap the comment section.

kriepl · #18 02-07-2008, 02:52 AM

can this be done with just code in the html or in the css file as well?
this is essentially what i found googling.
however it doesn't seem to work.

Code:

The HTML:
<body>
  <div class="wrapper">contents of page</div>
</body>
 
The CSS:
body {
   text-align: center;
   }
 
div.wrapper {
   text-align: left;
   margin-left: auto;
   margin-right: auto;
   }

Pixelpost

Authentic Photoblog Flavour