Re: [WSG] Float Left Problem
On 12/25/05, Jeff D. Reid <[EMAIL PROTECTED]> wrote: Thanks for the reply Jorge. I have posted a jpg of the eps file I have to work with from the designer. In Firefox the text column sits closer to the left margin of the page than in IE. IE renders the page as close to the jpg file as I can get. I am trying to understand why Firefox does not push the text column to the right as it should. I am also trying to understand how to add the bottom graphic to the text column as well. Here is the url to the jpg of the eps file: http://www.romdev.com/olp/olp_home_01.jpg On my system FF shows no difference in the right margin for sidebar compared to IE. There are still problems with the header and now with the left margin of sidebar. To late for me to deal with this tonite.
Re: [WSG] Float Left Problem
Title: Re: [WSG] Float Left Problem Thanks for the reply Jorge. I have posted a jpg of the eps file I have to work with from the designer. In Firefox the text column sits closer to the left margin of the page than in IE. IE renders the page as close to the jpg file as I can get. I am trying to understand why Firefox does not push the text column to the right as it should. I am also trying to understand how to add the bottom graphic to the text column as well. Here is the url to the jpg of the eps file: http://www.romdev.com/olp/olp_home_01.jpg Thanks Jeff - Original Message - From: Jorge Laranjo To: wsg@webstandardsgroup.org Sent: Sunday, December 25, 2005 8:35 PM Subject: Re: [WSG] Float Left Problem #sidebar {float: left;margin-top: 12px;margin-left: 15px;padding: 10px 5px; width: 167px;text-align: right;border-left: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9;}#sidebar-footer {float: left;margin-top: 0px;margin-left: 12px;padding: 0px;width: 184px;height: 27px;background-image: url(../images/SideTextBottom.gif);background-repeat: no-repeat;background-position: top;So, why not setting the #sidebard-footer margin-left: to 15px?On 26/12/05 0:58, "Drew Trusz" <[EMAIL PROTECTED]> wrote: On 12/25/05, Jeff D. Reid <[EMAIL PROTECTED]> wrote: Thanks for the reply Drew. The html and css both now validate. Changing the clear to clear:both did not help though.JeffOn my FF the sidebar footer is now in the right place. The header image still has problems. drew-- Atentamente,Jorge Laranjoemail> [EMAIL PROTECTED]gTalk > [EMAIL PROTECTED]msn > [EMAIL PROTECTED]aim > [EMAIL PROTECTED]skype> jorge.laranjohttp://www.olhares.com/fueg0/http://www.flickr.com/photos/fueg0/
Re: [WSG] Float Left Problem
Title: Re: [WSG] Float Left Problem One more thing... Why (the hell) are you using SPACER.GIF??? Use CSS insted!!! You don’t need this : On 26/12/05 0:58, "Drew Trusz" <[EMAIL PROTECTED]> wrote: On 12/25/05, Jeff D. Reid <[EMAIL PROTECTED]> wrote: Thanks for the reply Drew. The html and css both now validate. Changing the clear to clear:both did not help though. Jeff On my FF the sidebar footer is now in the right place. The header image still has problems. drew -- Atentamente, Jorge Laranjo email> [EMAIL PROTECTED] gTalk > [EMAIL PROTECTED] msn > [EMAIL PROTECTED] aim > [EMAIL PROTECTED] skype> jorge.laranjo http://www.olhares.com/fueg0/ http://www.flickr.com/photos/fueg0/
Re: [WSG] Float Left Problem
Title: Re: [WSG] Float Left Problem #sidebar { float: left; margin-top: 12px; margin-left: 15px; padding: 10px 5px; width: 167px; text-align: right; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; } #sidebar-footer { float: left; margin-top: 0px; margin-left: 12px; padding: 0px; width: 184px; height: 27px; background-image: url(../images/SideTextBottom.gif); background-repeat: no-repeat; background-position: top; So, why not setting the #sidebard-footer margin-left: to 15px? On 26/12/05 0:58, "Drew Trusz" <[EMAIL PROTECTED]> wrote: On 12/25/05, Jeff D. Reid <[EMAIL PROTECTED]> wrote: Thanks for the reply Drew. The html and css both now validate. Changing the clear to clear:both did not help though. Jeff On my FF the sidebar footer is now in the right place. The header image still has problems. drew -- Atentamente, Jorge Laranjo email> [EMAIL PROTECTED] gTalk > [EMAIL PROTECTED] msn > [EMAIL PROTECTED] aim > [EMAIL PROTECTED] skype> jorge.laranjo http://www.olhares.com/fueg0/ http://www.flickr.com/photos/fueg0/
Re: [WSG] Float Left Problem
On 12/25/05, Jeff D. Reid <[EMAIL PROTECTED]> wrote: Thanks for the reply Drew. The html and css both now validate. Changing the clear to clear:both did not help though. Jeff On my FF the sidebar footer is now in the right place. The header image still has problems. drew
Re: [WSG] Float Left Problem
Thanks for the reply Drew. The html and css both now validate. Changing the clear to clear:both did not help though. Jeff - Original Message - From: Drew Trusz To: wsg@webstandardsgroup.org Sent: Sunday, December 25, 2005 3:49 PM Subject: Re: [WSG] Float Left Problem On 12/25/05, Jeff D. Reid <[EMAIL PROTECTED]> wrote: In IE 6, I have managed to get this page to lineup somewhat "right" in visual appearance from the graphic designers overall printout. But in Firefox, the left text column is not aligning in the same visual placement as in IE. Also second issue...how to I add the end of column graphic that can be seen in IE at the bottom of the text column but appears under the main graphics in Firefox. Also in IE, the final position of this graphic is not correct, as it should but up against the bottom of the text column. Here is the url to a temp page: http://www.romdev.com/olp/index2.htm CSS is here: http://www.romdev.com/olp/css/main.css Run the css through the validator. There are a lot of minor points but the main one is that your value fro clear is incorrect. The values are none, left, right, both. There is no all. Also the script tag needs to be fixed up. use type not language.Haven't run the page with the corrections. But visually it makes sense as the cause of the error. Try it and seedrew
Re: [WSG] Float Left Problem
On 12/25/05, Jeff D. Reid <[EMAIL PROTECTED]> wrote: In IE 6, I have managed to get this page to lineup somewhat "right" in visual appearance from the graphic designers overall printout. But in Firefox, the left text column is not aligning in the same visual placement as in IE. Also second issue...how to I add the end of column graphic that can be seen in IE at the bottom of the text column but appears under the main graphics in Firefox. Also in IE, the final position of this graphic is not correct, as it should but up against the bottom of the text column. Here is the url to a temp page: http://www.romdev.com/olp/index2.htm CSS is here: http://www.romdev.com/olp/css/main.css Run the css through the validator. There are a lot of minor points but the main one is that your value fro clear is incorrect. The values are none, left, right, both. There is no all. Also the script tag needs to be fixed up. use type not language. Haven't run the page with the corrections. But visually it makes sense as the cause of the error. Try it and see drew