Jump to content

Recommended Posts

If you go to actionsketch.com and click on art and choose a picture that is either wider than the window that opens or you open one and just resize the window to be smaller than the picture... then the layout will cutoff right where the window stops. The problem is that when you use the horizontal scrollbar to see the rest of the picture, you notice the layout breaking. I cannot figure out how to fix this. If I give the layout a definite width, then it will work as long as the window is no larger than the width I gave, but then there's the whole centering issue. I'm not sure there is a way to fix this, but just in case there is, I'd sure like to know!

Link to post
Share on other sites

making width: 100% doesnt fix anything. Body is a child of <html> and nothing else.I have made a workaround that I dont much like... expecially since it doesn't work in IE, but I dont much like developing for IE anyway =p. I put <?php$width=getimagesize("artwork/".$filename);$width=$width[0];?>at the to and set the body style="min-width: <?=$width?>;"but like I said... this is kinda hacky and I'd like to know if there's a way to do it right.EDIT: I haven't uploaded the version described above just incase anyone else wants to take a shot at it.

Link to post
Share on other sites
dont make pages for ie... make pages using valid standards complient code and test them in a supporting browser (firefox is a good choicce), then adjust them to suit ie afterwards... despite most of all web users using ie i count it as kinda low priority :)

if only it were that easy. Unfortunately since an alarming amount of people use IE, it would be a bad move to not make it work for IE. I just hope IE 7 works a lot better and comes out really soon! =pbut I did do and do do all my web dev in firefox. :)
Link to post
Share on other sites

I've spent that last little while trying to remove as many tables as possible from my code, but if you include your title and your image in the same table then your problem should be eliminated.

<table style="width:100%">  <tr>    <td class="artheader">Image Title</td>  </tr>  <tr>    <td><img class="showcase"...></td>  </tr></table>[code]The column will only shrink to the width of the image and the image title will remain centered in the cell.Hope this helps.Andrew
Link to post
Share on other sites
I've spent that last little while trying to remove as many tables as possible from my code, but if you include your title and your image in the same table then your problem should be eliminated.
<table style="width:100%">  <tr>    <td class="artheader">Image Title</td>  </tr>  <tr>    <td><img class="showcase"...></td>  </tr></table>

The column will only shrink to the width of the image and the image title will remain centered in the cell.Hope this helps.Andrew

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...