image width messing up the border

[Anonymous]

First, let me congratulate you on such a great script. Very elegant interface too. I followed your install instructions, and was up in running in minutes.

Using the default template, I'm having an issue with images that are narrower than the image_info div. The main picture div is collapsing to the width of the photo, causing an ugly break in the border to appear. Is there a way to set a min-width for the main picture area, and to set the text-align=center for that div?

Does this make any sense at all? Take a look at my example at http://peterflaschner.com/photoblog/

Thanks[/url]

[keoshi]

Hey!

You can simply do another div before that one with width:600px and then center the image_info div...


#big_div {
width:600px;
border: ...
etc.
}

and then:

<div id="big_div">
<div align="center">
<div id="image_info">

Or did you mean the text itself?
Does this help you? :?

[flashlight]

Follow up to previous post:

I've solved the problem by doing the following:

1. I put a border on #wrapper, and deleted the left and right borders on the other elements
2. created #minsize{ min-width:590px; text-align:center;}
3. put <div id="minsize"> around <a href="index.php?showimage=<IMAGE_PREVIOUS_ID>"...

This leaves a border around the calendar, which I'm not too fond of, so after dinner, I'll make #container, and stick #wrapper in that.

The problem with this would be with images wider than 590px. It won't break the border, but the padding on the info, nav and comments will appear to get bigger. I'll solve this by not posting pictures wider than 590.