Re: [css-d] Footer won't drop down into place
Many thanks, Alan...the site is working well after utilizing your helpful information. Helen Email: [EMAIL PROTECTED] Phone:360-275-9433 Fax: 360-275-9177 Website: http://www.picturethis4u.com/ Keep your business at the world's fingertips 365 days of the year! -Original Message- On Behalf Of Alan Gresley Subject: Re: [css-d] Footer won't drop down into place In all variations Firefox and Opera are rendering correctly. The whole layout is over constrained with to many elements with absolute heights in pixels and this cause certain elements to expand out of their parents since they are higher than there parents. Since height is also a hasLayout [1] trigger, IE7 and IE6 shows it bugs with auto containment of floats, and IE6 shows also it bugs with expanding boxes. Take a look at this demo of all the major elements on your index page... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] footer won't fall into place
1. On this home page, http://www.bennett.picturethis4u.com/index.html I can't seem to find the reason for the wide blue band across the middle of the page in Firefox and Opera. The page renders properly in IE6. 2. Same site, on this page, in IE6, http://www.bennett.picturethis4u.com/resources-tools.html the and fall into place properly, yet on the rest of the site pages, in Firefox & Opera, except the home page, the same divs refuse to drop down. Any suggestions would be welcome! Thanks, Helen Email: [EMAIL PROTECTED] Phone:360-275-9433 Fax: 360-275-9177 Website: http://www.picturethis4u.com/ Keep your business at the world's fingertips 365 days of the year! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Footer won't drop down into place
1. On this page, in IE6, http://www.bennett.picturethis4u.com/resources-tools.html the and fall into place properly but in Firefox & Opera, the same divs refuse to drop down on all pages except the home page. 2. On this page, same site, http://www.bennett.picturethis4u.com/index.html I can't seem to find the reason for the wide blue band across the middle of the page in Firefox and Opera. The page renders properly in IE6. Any suggestions would be welcome! Thanks, Helen Email: [EMAIL PROTECTED] Phone:360-275-9433 Fax: 360-275-9177 Website: http://www.picturethis4u.com/ Keep your business at the world's fingertips 365 days of the year! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] positioning #sidebar in IE 6
Hi Georg,
I was so busy checking all the numbers I failed to look at the float and
positioning
issues, which is exactly where the problem was. Your instructions worked
perfectly.
Thanks so much for this insight into css! I've only been doing this a few
months and
continue to learn daily from this great group of css masters.
Helen
Email: [EMAIL PROTECTED]
Phone:360-275-9433
Fax: 360-275-9177
Website: http://www.picturethis4u.com/
Keep your business at the world's fingertips 365 days of the year!
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On
Subject: Re: [css-d] positioning #sidebar in IE 6
Helen wrote:
>
> This page http://www.washingtonwaterfrontvacationrentals.com/ aligns
> perfectly in Firefox, but the #sidebar won't position properly in IE
> 6 no matter what changes I make to it.
You're position in "thin air" (relative to nothing) :-)
Not all browsers will interpret such a positioning the same way.
Add:
#wrap {position: relative;}
...in order to get a relation, and then add...
#sidebar {left: 0;}
...to get IE in on where to position the element.
Also, delete:
#sidebar {float: left;}
...since an absolute positioned element can't float anyway.
> There also seems to be padding inside the #wrap border when viewed in
> IE 6, but again, it displays properly in Firefox.
Didn't look for the exact cause of this, but adding:
* html #wrap {overflow-x: hidden;}
...will fix IE6.
regards
Georg
__
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/
[css-d] positioning #sidebar in IE 6
This page http://www.washingtonwaterfrontvacationrentals.com/ aligns perfectly in Firefox, but the #sidebar won't position properly in IE 6 no matter what changes I make to it. There also seems to be padding inside the #wrap border when viewed in IE 6, but again, it displays properly in Firefox. Can someone please tell me what the problem might be? Thanks, Helen Email: [EMAIL PROTECTED] Phone:360-275-9433 Fax: 360-275-9177 Website: http://www.picturethis4u.com/ Keep your business at the world's fingertips 365 days of the year! __ 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/
Re: [css-d] Fluid main column
Fixed it myself after reading a recent post and figuring out what to do with it! =) Thanks, anyway. Helen Email: [EMAIL PROTECTED] Phone:360-275-9433 Fax: 360-275-9433 Website: http://www.picturethis4u.com/ Keep your business at the world's fingertips 365 days of the year! __ 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/
[css-d] Fluid main column
Hello Group, I'm working on a new site at http://picturethis4u.com/mikesoutherland/index.htm. The css is at: http://picturethis4u.com/mikesoutherland/css-mike-southerland.htm. It's coming together pretty well, except...ahhh, I knew you were waiting for the "except"! In the #main, the text is fluid when I resize the browser window, BUT, when the browser window is at 1024 x 768, the text is too far from the #navcol, and when the browser window is at 800 x 600, the text is a tiny bit closer than I'd like it to be. I'd really like the text to be stationary on the left, fluid on the right. Does that make sense? Is that possible? It's probably something simple but I just can't seem to figure out what it needs. I'm still learning CSS, and also learning a lot from this group. It's great to know there are so many people at hand with such vast css knowledge, and that there is someplace to go when one is in need of css help. Thanks, Helen Email: [EMAIL PROTECTED] Phone:360-275-9433 Fax: 360-275-9433 Website: http://www.picturethis4u.com/ Keep your business at the world's fingertips 365 days of the year! __ 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/
[css-d] text alignment in footer div
Hi group, After a day and a half trying to figure this out nothing seems to work, so I think it's time to ask the experts! At the following location: http://www.picturethis4u.com/k-test.htm , I want to position the text "New Clients Welcome" to the left, and the text link: "Enquire Here by E-mail" to the right in this footer div. Thanks! Helen Email: [EMAIL PROTECTED] Phone:360-275-9433 Fax: 360-275-9433 Website: http://www.picturethis4u.com/ Keep your business at the world's fingertips 365 days of the year! __ 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/
Re: [css-d] IE 5 Positioning ok, but to left in FF, NN, & Opera
Many thanks to Georg & Zoe. The page works perfectly now! I've also changed my default browser to Firefox. (I've wanted to do that for some time, anyway) Good advice on the comments...I used them earlier on in the page development, then removed them. I can now see that it is a good idea to leave them in. Helen Email: [EMAIL PROTECTED] Phone:360-275-9433 Fax: 360-275-9433 Website: http://www.picturethis4u.com/ Keep your business at the world's fingertips 365 days of the year! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Zoe M. Gillenwater Subject: Re: [css-d] IE 5 Positioning ok, but to left in FF, NN, & Opera Helen wrote: > The page is at: > http://www.washingtonwaterfrontvacationrentals.com/index-b-test.htm , and > renders > properly in IE 6, but in the other browsers, the content shifts to the left. __ 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/
[css-d] IE 5 Positioning ok, but to left in FF, NN, & Opera
Hello, I joined this group a few days ago and have been working on a CSS positioning problem since, trying to solve it myself, and did manage to fix the initial issue, but in the process I've caused a new one and cannot figure out how to straighten it out for the life of me! The page is at: http://www.washingtonwaterfrontvacationrentals.com/index-b-test.htm , and renders properly in IE 6, but in the other browsers, the content shifts to the left. The style sheet is at: http://www.washingtonwaterfrontvacationrentals.com/wwvr-style.htm . Since this is my first site done completely with CSS, (and I love the way it works!) there is probably a bunch of stuff in the style sheet that I don't need, but I'll weed that out as time goes on. Any help is greatly appreciated! Thanks, Helen Email: [EMAIL PROTECTED] Phone:360-275-9433 Fax: 360-275-9433 Website: http://www.picturethis4u.com/ Keep your business at the world's fingertips 365 days of the year! __ 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/
