[WSG] height problem in firefox
Hello. http://eutest.cpea.ro/contul_meu.php Please take a look at that and maybe you can find out why the white background is not rendering OK in Firefox. The CSS: http://eutest.cpea.ro/stiluri/layout.css * 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] height problem in firefox
Razvan Pop schrieb, am 09.06.04 14:36: http://eutest.cpea.ro/contul_meu.php Please take a look at that and maybe you can find out why the white background is not rendering OK in Firefox. The CSS: http://eutest.cpea.ro/stiluri/layout.css #main doesn't have any non-floating and hence height relevant content. You might try adding some clearing element at the end of #container, after #main or just add float: left to the definition of #container. I tried this via edit-styles bookmarklet in Mozilla and it works, I think there shouldn't be any problems with other browsers, but check. Have a look at Eric Meyer's Containing Floats article to understand what's happening. http://www.complexspiral.com/publications/containing-floats/ HTH Susanne * 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] height problem in firefox
Thank you Susane. Any idea how i could make the left blue column fit the height of the page? Kindest Regards, Razvan Pop Susanne Jaeger wrote: Razvan Pop schrieb, am 09.06.04 14:36: http://eutest.cpea.ro/contul_meu.php Please take a look at that and maybe you can find out why the white background is not rendering OK in Firefox. The CSS: http://eutest.cpea.ro/stiluri/layout.css #main doesn't have any non-floating and hence height relevant content. You might try adding some clearing element at the end of #container, after #main or just add float: left to the definition of #container. I tried this via edit-styles bookmarklet in Mozilla and it works, I think there shouldn't be any problems with other browsers, but check. Have a look at Eric Meyer's Containing Floats article to understand what's happening. http://www.complexspiral.com/publications/containing-floats/ HTH Susanne * 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] height problem in firefox
Please take a look at that and maybe you can find out why the white background is not rendering OK in Firefox. I couldn't see any other replies to this (but mail delivery seems to have been an issue here lately). I have just had a look in Firefox (0.8 version) and cannot see any difference between that and IE. Gary Menzel Web Development Manager IT Operations Brisbane -+- ABN AMRO Morgans Limited Level 29, 123 Eagle Street BRISBANE QLD 4000 PH: 07 333 44 828 FX: 07 3834 0828 To unsubscribe from this email please forward this email to: [EMAIL PROTECTED] If this communication is not intended for you and you are not an authorised recipient of this email you are prohibited by law from dealing with or relying on the email or any file attachments. This prohibition includes reading, printing, copying, re-transmitting, disseminating, storing or in any other way dealing or acting in reliance on the information. If you have received this email in error, we request you contact ABN AMRO Morgans Limited immediately by returning the email to [EMAIL PROTECTED] and destroy the original. We will refund any reasonable costs associated with notifying ABN AMRO Morgans. This email is confidential and may contain privileged client information. ABN AMRO Morgans has taken reasonable steps to ensure the accuracy and integrity of all its communications, including electronic communications, but accepts no liability for materials transmitted. Materials may also be transmitted without the knowledge of ABN AMRO Morgans. ABN AMRO Morgans Limited its directors and employees do not accept liability for the results of any actions taken or not on the basis of the information in this report. ABN AMRO Morgans Limited and its associates hold or may hold securities in the companies/trusts mentioned herein. Any recommendation is made on the basis of our research of the investment and may not suit the specific requirements of clients. Assessments of suitability to an individuals portfolio can only be made after an examination of the particular clients investments, financial circumstances and requirements. ABN AMRO Morgans Limited (ABN 49 010 669 726 AFSL 235410) A Participant of ASX Group
RE: [WSG] height problem in firefox
If you read this tutorial at A List Apart, it'll show you how to achieve what you want. http://www.alistapart.com/articles/fauxcolumns/ Cheers Jeff Lowder Accessibility 1st Website: www.accessibility1st.com.au Blog: www.accessibility1st.com.au/journal/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Razvan Pop Sent: Thursday, 10 June 2004 1:14 AM To: [EMAIL PROTECTED] Subject: Re: [WSG] height problem in firefox Thank you Susane. Any idea how i could make the left blue column fit the height of the page? Kindest Regards, Razvan Pop Susanne Jaeger wrote: Razvan Pop schrieb, am 09.06.04 14:36: http://eutest.cpea.ro/contul_meu.php Please take a look at that and maybe you can find out why the white background is not rendering OK in Firefox. The CSS: http://eutest.cpea.ro/stiluri/layout.css #main doesn't have any non-floating and hence height relevant content. You might try adding some clearing element at the end of #container, after #main or just add float: left to the definition of #container. I tried this via edit-styles bookmarklet in Mozilla and it works, I think there shouldn't be any problems with other browsers, but check. Have a look at Eric Meyer's Containing Floats article to understand what's happening. http://www.complexspiral.com/publications/containing-floats/ HTH Susanne * 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] height problem
Hi Jason, It seems so obvious when you (and others) explain it. Thank you for that. (I know there is a long way before I understand CSS completely, if ever, but I'm learning everyday thanks to this list and other CSS resources) Once again... thanks to you and to this list for all your help. (Respect :o) Kim - Original Message - From: Jason Turnbull [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, May 20, 2004 2:53 AM Subject: RE: [WSG] height problem Kim Kruse wrote: I wrapped the logo and an URL in an h1 tag, placed it right under the body tag and now FF is messing up. http://www.pagemakers.dk/divtest/test.htm . Firefox has this displayed correctly Floats need to be 'cleared' to move the following content underneath What I would do (not necessarily the best way) is add the logo ID to the h1 instead and add a clearing class after the h1 div h1 id=logo img src=http://www.pagemakers.dk/divtest/billeder/logo.gif; alt=mouseriders width=200 height=80/a href=index.htm mouseriders: Apache, Java, Tomcat, PHP, Programmering/a /h1 br class=clear /div And change the style '#logo h1 a' to 'h1#logo a' Regards Jason * 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] height problem
On 5/20/04 2:30 AM Kim Kruse [EMAIL PROTECTED] sent this out: Once again... thanks to you and to this list for all your help. (Respect :o) Kim I only joined here umm 2 days ago. I'm impressed with the group and attitude here. Way to go, whoever started this and also the participants. I'm still lurking and learning. :-) Rick * 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] height problem
Title: RE: [WSG] height problem I joined yesterday and ditto :) Jamie Mason: Design -Original Message- From: Rick Faaberg [mailto:[EMAIL PROTECTED]] Sent: 20 May 2004 10:34 To: [EMAIL PROTECTED] Subject: Re: [WSG] height problem On 5/20/04 2:30 AM Kim Kruse [EMAIL PROTECTED] sent this out: Once again... thanks to you and to this list for all your help. (Respect :o) Kim I only joined here umm 2 days ago. I'm impressed with the group and attitude here. Way to go, whoever started this and also the participants. I'm still lurking and learning. :-) Rick * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
[WSG] height problem
Hello. I am working on an e-commerce site. It is not tablesless. :) I have some problems in Mozilla and Firefox. Please go here: http://www.insoft.ro/imprimante/1 Scroll down and look at the column containing the left menu. There is some white space. Any ideas how i can fix it? So it reaches the bottom of the page? -- Web Developer SEO http://razvan.cpea.ro * 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] height problem
Hi Razvan I'd suggest the best option would be to make it a background image on the body tag. Your body tag is going to be your top level containing block so it will always stretch to the height of your content. relative height: properties are always going to be relative to your viewport or visible area. Heights are always going to be troublesome - see my post at http://www.mail-archive.com/wsg%40webstandardsgroup.org/msg04815.html for a bit more information on this or the stack of height related posts we've had on the list recently at http://www.mail-archive.com/wsg%40webstandardsgroup.org/. Cheers Mark * 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] height problem
I'd suggest the best option would be to make it a background image on the body tag. Your body tag is going to be your top level containing block so it will always stretch to the height of your content. Maybe being pedantic, but the top level container would be the HTML element, and backgrounds that are meant to stretch to the entire window/viewport should be placed as style rules to it. Otherwise, it can happen that, if the content is too short, the background itself will only appear behind the content, resulting in even more white space at the bottom. (although I seem to recall that this problem only appears once you start sending XHTML strict with a proper XML mime type) Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk * 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] height problem
Kim, you said, Would it be possible to force the #navcontainer to stretch down to the #footer without the pnbsp;/p ? If so how? No, there's no way to do this reliably. You should forget trying to do it. This is what Mark Stanton was getting at. Remove the background from your #navcontainer and put it in the background of the element behind it. Here's an article that explains what to do: http://alistapart.com/articles/fauxcolumns/ All the best! -Hugh Todd * 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] height problem
Hi Hugh, Great article, thank you. The problem the problem is already solved though. Jason Turnbull was so helpful that he showed me and the solutions and it works great. Now I've new problem though... I wrapped the logo and an URL in an h1 tag, placed it right under the body tag and now FF is messing up. You're welcome to take a look http://www.pagemakers.dk/divtest/test.htm . Probably much easier than me trying to explain. I'm too tired to look anymore... tomorrow. Thanks Kim - Original Message - From: Hugh Todd [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Thursday, May 20, 2004 12:31 AM Subject: Re: [WSG] height problem Kim, you said, Would it be possible to force the #navcontainer to stretch down to the #footer without the pnbsp;/p ? If so how? No, there's no way to do this reliably. You should forget trying to do it. This is what Mark Stanton was getting at. Remove the background from your #navcontainer and put it in the background of the element behind it. Here's an article that explains what to do: http://alistapart.com/articles/fauxcolumns/ All the best! -Hugh Todd * 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] height problem
Thanks Patrick Yes you are right about html being the top level container, but I guess I was thinking about visible area - I never realised that you could style the html. Will try this out for sure. Cheers Mark * 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] height problem
Kim, Jason's solution is an excellent one. I regretted my dogmatic statement (that you should not try) the moment I saw it. The background-image solution is better for a more complex background graphic for your column. -Hugh Great article, thank you. The problem the problem is already solved though. Jason Turnbull was so helpful that he showed me and the solutions and it works great. * 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] height problem
Mark Stanton wrote: Thanks Patrick Yes you are right about html being the top level container, but I guess I was thinking about visible area - I never realised that you could style the html. Will try this out for sure. I recall reading somewhere that you can style the title element. You of course will need to start by changing the display property to something other than none. * 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] height problem
From: Mordechai Peller [mailto:[EMAIL PROTECTED] I recall reading somewhere that you can style the title element. Interestingly enough, I was playing with that the other night... http://www.splintered.co.uk/experiments/details.php?id=34 Works best in Firefox / Gecko based browsers at the moment... Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk N.X+i nZv+hymjl.f.wq(b(,)azX)i
