Re: [WSG] Fluid problems
On 17/11/05, Adam Morris [EMAIL PROTECTED] wrote: I'm having BIG problems trying to get the content of this site to be held within the image 'containers' I've used. Help me, please?! I'm beginning to lose it. Adam http://www.janelehrer.co.uk/live5 I've had a look, and the paragraph that is falling out of the box doesn't have a closing /p tag. Maybe that's what's upsetting it? Seona. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Fluid problems
On 11/16/05, Adam Morris [EMAIL PROTECTED] wrote:
I'm having BIG problems trying to get the content of this site to be
held within the image 'containers' I've used. Help me, please?! I'm
beginning to lose it.
Adam
Your content is still 100% wide. When you nudge it to the right, you
need to make it more narrow, otherwise you'll have 100% plus the left
margin, like you have now.
You should do a negative margin-right greater or equal to the left
gutter. That should solve the problem. Or, don't give it that left
positioning at all, and apply a margin as such:
margin: top right bottom left;
so for example:
margin: { 100px 50px 0 50px; }
and no other positioning. That should make the content behave right.
--
--
C Montoya
rdpdesign.com ... cssliquid.com ... montoya.rdpdesign.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Fluid problems
Why does your base.css file have html in it? Adam Morris wrote: I'm having BIG problems trying to get the content of this site to be held within the image 'containers' I've used. Help me, please?! I'm beginning to lose it. Adam http://www.janelehrer.co.uk/live5 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Fluid problems
There's a message here: *Before* asking - VALIDATE your code! :) Paul -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of The Visual Process Sent: Thursday, November 17, 2005 10:38 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Fluid problems Why does your base.css file have html in it? Adam Morris wrote: I'm having BIG problems trying to get the content of this site to be held within the image 'containers' I've used. Help me, please?! I'm beginning to lose it. Adam http://www.janelehrer.co.uk/live5 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Fluid problems
I noted that the contentRight div has a height of 500px on it. The first paragraph fits within that 500 and so its staying in...after the text exceeds to bottom of the right div, it spills out...so you need to work on that rightDiv I think. Buddy Paul Bennett wrote: There's a message here: *Before* asking - VALIDATE your code! :) Paul -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of The Visual Process Sent: Thursday, November 17, 2005 10:38 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Fluid problems Why does your base.css file have html in it? Adam Morris wrote: I'm having BIG problems trying to get the content of this site to be held within the image 'containers' I've used. Help me, please?! I'm beginning to lose it. Adam http://www.janelehrer.co.uk/live5 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Fluid problems
true! I want the height to stretch the height of the content... how??!!?? I've added the missing /p (thanks, Seona) and the page now validates. base.css? just a hang-over from another page. all the style info is in the head at the moment. On 16/11/05, Buddy Quaid [EMAIL PROTECTED] wrote: I noted that the contentRight div has a height of 500px on it. The first paragraph fits within that 500 and so its staying in...after the text exceeds to bottom of the right div, it spills out...so you need to work on that rightDiv I think. Buddy Paul Bennett wrote: There's a message here: *Before* asking - VALIDATE your code! :) Paul -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of The Visual Process Sent: Thursday, November 17, 2005 10:38 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Fluid problems Why does your base.css file have html in it? Adam Morris wrote: I'm having BIG problems trying to get the content of this site to be held within the image 'containers' I've used. Help me, please?! I'm beginning to lose it. Adam http://www.janelehrer.co.uk/live5 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Fluid problems
Short answer. You can't. The problem is you have your right div inside the div that holds the content with a float right. CSS Div boxes will ONLY be as high as the content is. Browsers dont follow height:100% at least not right now. So what you should do is take the rightcontent outof the content div. Give the content div a width of whatever you want and then float that right div cross your fingers...there might be more involved but thats the basic rundown. You might have to put both the content and rightcontent inside a wrapper and also float the content:left. Buddy Adam Morris wrote: true! I want the height to stretch the height of the content... how??!!?? I've added the missing /p (thanks, Seona) and the page now validates. base.css? just a hang-over from another page. all the style info is in the head at the moment. On 16/11/05, Buddy Quaid [EMAIL PROTECTED] wrote: I noted that the contentRight div has a height of 500px on it. The first paragraph fits within that 500 and so its staying in...after the text exceeds to bottom of the right div, it spills out...so you need to work on that rightDiv I think. Buddy Paul Bennett wrote: There's a message here: *Before* asking - VALIDATE your code! :) Paul -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of The Visual Process Sent: Thursday, November 17, 2005 10:38 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Fluid problems Why does your base.css file have html in it? Adam Morris wrote: I'm having BIG problems trying to get the content of this site to be held within the image 'containers' I've used. Help me, please?! I'm beginning to lose it. Adam http://www.janelehrer.co.uk/live5 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Fluid problems
I'm possibly missing something huge here but couldn't you save yourself massive amounts of pain by going back to a single DIV that has a 2px grey border on it? Drop your text in there. Then just absolutely position your guitar pic in another layer. I'm sure I've missed something. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of The Visual Process Sent: Thursday, November 17, 2005 10:38 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Fluid problems Why does your base.css file have html in it? Adam Morris wrote: I'm having BIG problems trying to get the content of this site to be held within the image 'containers' I've used. Help me, please?! I'm beginning to lose it. Adam http://www.janelehrer.co.uk/live5 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Fluid problems
I've DONE IT!!! I'VE DONE IT!! To create the right side of the content that stretches the length of the browser window, I used the contentright background image on the BODY instead of in it's own floated div. BINGO!! The top and bottom corners now sit over a beautifully repeated, 100% of the content, line. Paul, I've not used a grey bordered div because I want to eventually make a lovely blurred effect on the border. Hence the use of images... Thanks for all your help, guys and girls! Invaluable. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
