actionsketch Posted October 13, 2005 Share Posted October 13, 2005 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 comment Share on other sites More sharing options...
WiCkEdStYlZ` Posted October 13, 2005 Share Posted October 13, 2005 2 tired to think but instead of setting width in pixels try setting it too 100%, that way it will be the complete width of the window... gotta go sleep though, if that doesnt work some1 less tired may be able to help lol. Link to comment Share on other sites More sharing options...
actionsketch Posted October 13, 2005 Author Share Posted October 13, 2005 width is already set to 100%. It's only going as far as the window width instead of the website width. Link to comment Share on other sites More sharing options...
tuneHarmonic Posted October 13, 2005 Share Posted October 13, 2005 try making a div around the entire page and setting that to 100% width, and also is anything above body in your css doc? Link to comment Share on other sites More sharing options...
actionsketch Posted October 13, 2005 Author Share Posted October 13, 2005 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 comment Share on other sites More sharing options...
WiCkEdStYlZ` Posted October 13, 2005 Share Posted October 13, 2005 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 Link to comment Share on other sites More sharing options...
actionsketch Posted October 14, 2005 Author Share Posted October 14, 2005 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 <{POST_SNAPBACK}> 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 comment Share on other sites More sharing options...
awaddington Posted October 21, 2005 Share Posted October 21, 2005 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 comment Share on other sites More sharing options...
awaddington Posted October 21, 2005 Share Posted October 21, 2005 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 <{POST_SNAPBACK}> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now