OK, I seem to have sorted out most things, with only a couple of small errors in IE. I assume that this is where I need the hacks.
I now have 3 pages, www.cityboxer.com/gambling/betting.htm and www.cityboxer.com/gambling/betting2.htm have similar problems with the bottom #shop etc www.cityboxer.com/newsite/contact/contact_form/register_form1.asp seems to be expanded vertically for some reason which is causing the same problem with the images (I know Francky's solution should solve this, but I still cannot get my head around it and anyway the expanded layout is a pain) Any ideas? Regards Pete -----Original Message----- From: francky [mailto:[EMAIL PROTECTED] Sent: 15 August 2006 04:44 To: [EMAIL PROTECTED] Cc: [email protected] Subject: Re: [css-d] Sliding door rounded corner boxes Pete Home wrote: >I'm getting so frustrated with this. > >I'm assuming that certain TAGs break the flow within this technique >therefore interrupting the image outlines causing what looks like >breaks in the border for instance. > >My site is very standard in layout with basically a top menu, header, >content and footer (see www.cityboxer.com/gambling/betting.htm). I want >the content to always have a rounded corner border. Francky fixed the >problems in FF with this page, so I then replaced the content with a >form and saved it as >www.cityboxer.com/newsite/contact/contact_form/register_form1.htm) and it all goes wrong again. > >Has anyone used this technique as a template for many other sorts of pages? > >Regards >Pete > > Aha! Don't give up! Assumption wrong... I took some screen shots, and yes: * the corner box has a height of 765px (in resolution 1024x768, font-size normal in FF), * the box_bottomleft.gif and box_bottomright.gif are 700px in height, * we can see a gap of 65px at the top (for the images are positioned at the bottom of the div). * ;-) Can be solved in 2 ways: 1. extending the images in height, for the method is based upon images as high as the max. box you need. 2. using repeated-y images of 1px height for the left and right borders (and appropriate css). This is exactly the reason why I prefer the method 2 template: always self-adapting, no worry about a new page which can have more height as the page you developed the "big images" for, - which appear to be not big enough. As I said 13-08 (or 08-13): >> "O, the box is breaking also at large font sizes. I guess because of not enough height of the box_bottomleft.gif and box_bottomright.gif." Method 2 is used in my earlier testpage c <http://home.tiscali.nl/developerscorner/css-discuss/test-betting-c.htm>. I used that page (exactly the the same css) to paste a long "form" in it: testpage d <http://home.tiscali.nl/developerscorner/css-discuss/test-betting-d.htm>. :-) Greetings, francky ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
