7 replies to this topic

[Jaymz]

http://v5.designbyja...ailtemplate.htm

Okay everything looked sexy, until I tried putting a larger image in to see if the div would expand when larger images are put in. To my horror, the image sticks out of the template, instead of being wrapped in the container.

I've tried everything I can think of (Adam can testify to that ) and came up empty, any suggestions?

To see the problem, resize your browser window to 800x600 or under...

[adam123]

Jaymz, on Jul 3 2005, 09:45 PM, said:

(Adam can testify to that )

That was the best hour and a half ever

[raenef]

Maybe adding:
overflow-x: auto;

to your #image div? so it hoziontaly scrolls if the image is too big

[Jaymz]

raenef, on Jul 3 2005, 05:52 PM, said:

Maybe adding:
overflow-x: auto;

to your #image div? so it hoziontaly scrolls if the image is too big

Tried that, with no success

[raenef]

Okie I made a quick copy of the site for testing purposes, played around with the code a bit. And I found that if you do this in your css #image section

#image {text-align: center; padding-top: 10px; padding-bottom: 10px; clear: both; width: 100%; overflow: auto;}

it stays within the layout and scrolls in both firefox and ie, then if you dont like the vertical scroll-bar you could always hide that later with overflow-y:hidden;
Anywho it worked here, but whos ta say lols I just took the -x out of it and ploop.

[Jaymz]

The problem is, I'm trying to avoid that, I want the layout to expand to fit the image

[coolaid]

min-width: 800px;

or whatever the image size is. is a possible fix.

[Jaymz]

The image sizes will vary, I'm using this as a template for my PHP page

I've solved it, I added

display: table

to my container div and it works