[css-d] ie7 problem - everything is stacked up on the right vertical side of the page
All of my content is flush right, in a width that is about 1 inch - this only happens in ie7. Help URL: http://www.oldsugarmill.com/pages/directions.html Thanks __ css-discuss [cs...@lists.css-discuss.org] 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] ie7 problem - everything is stacked up on the right vertical side of the page
All of my content is flush right, in a width that is about 1 inch -
this only happens in ie7.
Help
URL:
http://www.oldsugarmill.com/pages/directions.html
Try this:
#mainContent_h {clear:left;}
--
Regards,
Thierry
www.tjkdesign.com | articles and tutorials
www.ez-css.org | ultra light CSS framework
__
css-discuss [cs...@lists.css-discuss.org]
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] ie7 problem - everything is stacked up on the right vertical side of the page
Perfect - thank you
On Sat, Apr 17, 2010 at 2:33 PM, Thierry Koblentz n...@tjkdesign.com wrote:
All of my content is flush right, in a width that is about 1 inch -
this only happens in ie7.
Help
URL:
http://www.oldsugarmill.com/pages/directions.html
Try this:
#mainContent_h {clear:left;}
--
Regards,
Thierry
www.tjkdesign.com | articles and tutorials
www.ez-css.org | ultra light CSS framework
__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 problem with a gap between divs [redux]
Rob Emenecker wrote:
It is as if IE7 is not collapsing whitespace inside of the
DIV. Is that correct?
What I find particularly mind-numbing about this is that they are just two
graphics. No text. Yes, there is a carraige return in the code for the sake
of legibility, but it should not be treated as white space. This reminds me
of the issue that IE has/had with TD elements and their first-child element.
re: http://new.pasadenabusinessassociation.com/
This will close the gap:
img#mastheadLogo { display:block; }
Space for lowercase descenders (even though there are none there)
~d
__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 problem with a gap between divs [redux]
Hi David, Just when you think IE7 is going to behave! I went back and tried to simplify the graphic element on the masthead of that IE7-errant page of mine. Instead of two horizontal graphics, there are now 2 vertically stacked graphics. This seemed to behave better except for IE7 -- of course. (Again, I'm holding aside IE6 for later.) This page works in Firefox and Safari, but not IE7... http://new.pasadenabusinessassociation.com This version of the same page works in Firefox and Safari AND IE7... http://new.pasadenabusinessassociation.com/index-IE7.html HOWEVER, if you look at the source XHTML you will see a comment and BR elements at the end of the masthead graphics. They are there to avoid a 3-pixel gap. Same problem as before. It is as if IE7 is not collapsing whitespace inside of the DIV. Is that correct? ...Rob Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. __ css-discuss [cs...@lists.css-discuss.org] 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] IE7 problem with a gap between divs [redux]
It is as if IE7 is not collapsing whitespace inside of the DIV. Is that correct? What I find particularly mind-numbing about this is that they are just two graphics. No text. Yes, there is a carraige return in the code for the sake of legibility, but it should not be treated as white space. This reminds me of the issue that IE has/had with TD elements and their first-child element. Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. __ css-discuss [cs...@lists.css-discuss.org] 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] IE7 problem with a gap between divs [redux]
On 19/06/2009, at 12:14 AM, Rob Emenecker wrote: Hi David, Just when you think IE7 is going to behave! I went back and tried to simplify the graphic element on the masthead of that IE7-errant page of mine. Instead of two horizontal graphics, there are now 2 vertically stacked graphics. This seemed to behave better except for IE7 -- of course. (Again, I'm holding aside IE6 for later.) This page works in Firefox and Safari, but not IE7... http://new.pasadenabusinessassociation.com The reason for the gap is that images are inline elements and the gap is to leave space for the descenders in the text (the bottoms of y, g etc.) If you set the images to display: block the problem will go away. Cheers, Tim __ css-discuss [cs...@lists.css-discuss.org] 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] IE7 problem with a gap between divs [redux]
Thanks Tim, The explanation -- re: descenders -- now makes it clear! ...Rob Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. ` __ css-discuss [cs...@lists.css-discuss.org] 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] IE7 problem with a gap between divs
Hi all, I am trying to determine why I am seeing a 3-pixel gap between a header DIV and a content DIV in IE7 on the following page: http://new.pasadenabusinessassociation.com I realize that I can create a conditional IE style sheet with a -3px top margin on the content div, but that seems wonky. If that is what it takes fine, but I'm wondering if there is something about the structure and css that I am overlooking that is causing this issue on IE7. Best regards, Rob Rob Emenecker @ Hairy Dog Digital 410.694.3575 (arf) || 410.694.3550 (fax) www.hairydogdigital.com __ css-discuss [cs...@lists.css-discuss.org] 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] IE7 problem with a gap between divs
Rob Emenecker wrote:
Hi all,
I am trying to determine why I am seeing a 3-pixel gap between a header
DIV and a content DIV in IE7 on the following page:
http://new.pasadenabusinessassociation.com
I realize that I can create a conditional IE style sheet with a -3px top
margin on the content div, but that seems wonky. If that is what it takes
fine, but I'm wondering if there is something about the structure and css
that I am overlooking that is causing this issue on IE7.
Bring Opera, Safari, Firefox, and Camino on-board first. IE/7, and our
little friend on death-row, IE/6, will both follow suit.
*#container-header { height: 160px; /***add to ruleset*/**}
img#mastheadLogo {
display: block**/***add*/**;
/*margin: 0;padding: 0; delete*/}
img#mastheadRight {
display: block/*add*/;
float : right;**/*add*/**
display: block**/*add*/**;
border: 0 none transparent;
/*margin: 0; delete*/
/*padding: 17px 0 0 0;delete*/
margin-top: 20px/*add*/;
width: 540px;
height: 140px;
}
*
__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 problem with a gap between divs
The star is a typo. Delete it.
This:
*#container-header { height: 160px; /***add to ruleset*/**}
Should be this;
#container-header { height: 160px; /***add to ruleset*/**}
~d
__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 problem with a gap between divs
Thanks David,
*#container-header { height: 160px; /***add to ruleset*/**}
img#mastheadLogo {
display: block**/***add*/**;
/*margin: 0;padding: 0; delete*/}
img#mastheadRight {
display: block/*add*/;
float : right;**/*add*/**
display: block**/*add*/**;
border: 0 none transparent;
/*margin: 0; delete*/
/*padding: 17px 0 0 0;delete*/
margin-top: 20px/*add*/;
width: 540px;
height: 140px;
}
Safari and Firefox were behaving.
I previously tried adding the display:block but did not see a difference
with IE7. I set the fixed hit to the header DIV, and weeded out the
extraneous margin/padding settings that were unnecessary, and that DID seem
to resolve the problem.
I found that using the display:block on the two masthead graphics caused the
layout to break. The same was true when I set the float:right on the
right-hand side graphic. Eliminating both of these appeared to resolve the
issue.
Granted, this is all WITHOUT IE6, which I usually patch back to together via
an MS conditional comment CSS sheet load.
Thanks!
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted.
__
css-discuss [cs...@lists.css-discuss.org]
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] IE7 problem with dropdowns
Good catch, Georg, and thanks. For some reason, the CMS was removing the second slash when it was adding the JS to the pages. I added the JS directly to the page (instead to the CMS doing it) and it resolved the problem. For those that asked, the CMS is custom built via Ruby on Rails. On Mon, Mar 24, 2008 at 6:10 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote: Chris Kavinsky wrote: Doing that, and it works fine on the static page. The problem, for some reason, is that it doesn't work on the page that's generated by the CMS (although the source code looks fine). I'm stumped. Fix the script. You've lost a backslash from the original. This line... this.className=this.className.replace(new RegExp( sfhover\b), ); ...must look like this... this.className=this.className.replace(new RegExp( sfhover\\b), ); ...in order to work. Otherwise the script will just keep adding 'sfhover' classes onmouseover, and not remove them onmouseout. regards Georg -- http://www.gunlaug.no __ 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] IE7 problem with dropdowns
I having a very bizarre problem with suckerfish dropdowns and IE7. I have two versions of a page referencing the same CSS file -- one is a static page on the same server as the CSS file, the other generated by a CMS program on a different server. The problem is the dropdown menus are sticking in the CMS version, but the static version works fine. The CMS version is linking to the CSS properly, but seems to be ignoring bits of it. Can anyone see anything wrong that would be cauing this? References: static page: http://ecasite.org/2008template.html CMS page: http://associationdatabase.com/aws/ECA/pt/sp/p_Home_Page CSS file: http://209.235.241.60/css/styles2008.css __ 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] IE7 problem with dropdowns
At 07:14 AM 25/03/2008, Chris Kavinsky wrote: I having a very bizarre problem with suckerfish dropdowns and IE7. I have two versions of a page referencing the same CSS file -- one is a static page on the same server as the CSS file, the other generated by a CMS program on a different server. The problem is the dropdown menus are sticking in the CMS version, but the static version works fine. The CMS version is linking to the CSS properly, but seems to be ignoring bits of it. Can anyone see anything wrong that would be cauing this? References: static page: http://ecasite.org/2008template.html CMS page: http://associationdatabase.com/aws/ECA/pt/sp/p_Home_Page CSS file: http://209.235.241.60/css/styles2008.css There's an issue with suckerfish and IE 7.0 with the menus sticking, this link may help. http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/ Regards Vicki __ 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] IE7 problem with dropdowns
Doing that, and it works fine on the static page. The problem, for some reason, is that it doesn't work on the page that's generated by the CMS (although the source code looks fine). I'm stumped. On Mon, Mar 24, 2008 at 4:34 PM, Vicki Stebbins [EMAIL PROTECTED] wrote: At 07:14 AM 25/03/2008, Chris Kavinsky wrote: I having a very bizarre problem with suckerfish dropdowns and IE7. I have two versions of a page referencing the same CSS file -- one is a static page on the same server as the CSS file, the other generated by a CMS program on a different server. The problem is the dropdown menus are sticking in the CMS version, but the static version works fine. The CMS version is linking to the CSS properly, but seems to be ignoring bits of it. Can anyone see anything wrong that would be cauing this? References: static page: http://ecasite.org/2008template.html CMS page: http://associationdatabase.com/aws/ECA/pt/sp/p_Home_Page CSS file: http://209.235.241.60/css/styles2008.css There's an issue with suckerfish and IE 7.0 with the menus sticking, this link may help. http://www.builtfromsource.com/2006/10/23/a-fix-for-suckerfish-dropdowns-in-ie-7/ Regards Vicki __ 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] IE7 problem with dropdowns
Chris Kavinsky wrote: I having a very bizarre problem with suckerfish dropdowns and IE7. static page: http://ecasite.org/2008template.html CMS page: http://associationdatabase.com/aws/ECA/pt/sp/p_Home_Page CSS file: http://209.235.241.60/css/styles2008.css FWIW: The CMS version is sticking in both IE/6 and IE/7 /and/ Mac Opera/9.24 (I did not check it PC Opera). CMS's have a bad habit of introducing markup errors. Validate it, and see if it makes any difference at all... -- http://chelseacreekstudio.com/ __ 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] IE7 problem with dropdowns
Chris Kavinsky wrote: Doing that, and it works fine on the static page. The problem, for some reason, is that it doesn't work on the page that's generated by the CMS (although the source code looks fine). I'm stumped. Fix the script. You've lost a backslash from the original. This line... this.className=this.className.replace(new RegExp( sfhover\b), ); ...must look like this... this.className=this.className.replace(new RegExp( sfhover\\b), ); ...in order to work. Otherwise the script will just keep adding 'sfhover' classes onmouseover, and not remove them onmouseout. regards Georg -- http://www.gunlaug.no __ 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] IE7 problem with lists (other?) next to floated items
Jeff Blaine wrote: I guess what I am saying is that I am looking for the generalized solution, not the solution to the test case page+image as static files. The test case exists only to show the problem. http://www.kickflop.net/csstest/ In general: 1: eliminate all browser-default differences - especially for lists. 2: line up elements with basic styles. 3: introduce 'Block formatting contexts'[1] / 'hasLayout'[2] where needed. This will result in something like... http://www.gunlaug.no/tos/alien/jb/test_08_0129.html ...where source-code is your original and styles are altered to assure the same rendering in IE6, IE7, Fx2, Op9, Saf3, etc. From there you can tune individual styles to make it fit any case with somewhat similar use of elements. regards Georg [1]http://www.w3.org/TR/CSS21/visuren.html#block-formatting [2]http://www.satzansatz.de/cssd/onhavinglayout.html -- http://www.gunlaug.no __ 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] IE7 problem with lists (other?) next to floated items
This is exactly what I was looking for. Thanks Georg! Gunlaug Sørtun wrote: Jeff Blaine wrote: I guess what I am saying is that I am looking for the generalized solution, not the solution to the test case page+image as static files. The test case exists only to show the problem. http://www.kickflop.net/csstest/ In general: 1: eliminate all browser-default differences - especially for lists. 2: line up elements with basic styles. 3: introduce 'Block formatting contexts'[1] / 'hasLayout'[2] where needed. This will result in something like... http://www.gunlaug.no/tos/alien/jb/test_08_0129.html ...where source-code is your original and styles are altered to assure the same rendering in IE6, IE7, Fx2, Op9, Saf3, etc. From there you can tune individual styles to make it fit any case with somewhat similar use of elements. regards Georg [1]http://www.w3.org/TR/CSS21/visuren.html#block-formatting [2]http://www.satzansatz.de/cssd/onhavinglayout.html __ 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] IE7 problem with lists (other?) next to floated items
Jeff Blaine wrote: This is exactly what I was looking for. Thanks Georg! You're welcome. Note: I left what looks like a couple of typos in the styles for my example. It was a non-valid quickie I often use during testing. For correct styles, please reload my example... http://www.gunlaug.no/tos/alien/jb/test_08_0129.html regards Georg -- http://www.gunlaug.no __ 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] IE7 problem with lists (other?) next to floated items
I'm completely stumped on this one and cannot seem to find the fix information via my many searches. I have asked for help already in 3 separate locations only to come up empty-handed. I suspect I've found the right place to ask. Fruitful or not, I would appreciate any help! The test case at http://www.kickflop.net/csstest/ should explain the problem clearly, but I'll spell it out here as well. The CSS is inside index.html. PROBLEM === IE7 seems to fail to respect the left margin of a list to the right of an image (or perhaps any block element?). Firefox 2.x does exactly what I would expect (and want). SCREENSHOTS === http://www.kickflop.net/csstest/firefox-works.png http://www.kickflop.net/csstest/ie7-broken.png __ 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] IE7 problem with lists (other?) next to floated items
Jeff Blaine wrote: The test case at http://www.kickflop.net/csstest/ should explain the problem clearly, but I'll spell it out here as well. The CSS is inside index.html. It just needs a little more, and a little different, structure than you had. Cursory tested in IE/6, IE/7.0, Mac Opera, Mac Firefox. http://chelseacreekstudio.com/ca/cssd/2c.html Best, ~dL -- http://chelseacreekstudio.com/ __ 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] IE7 problem with lists (other?) next to floated items
I suppose I should have indicated that the image used in the test case is arbitrary and cannot be expected to be 200px. There is also the problem that I do not know which paragraph will be to the right of the image, so I cannot wrap it in an extra div -- The content shown at the test case page won't be static like you see there. The image(s) and body text will all be dynamic (a blog post, for instance). I guess what I am saying is that I am looking for the generalized solution, not the solution to the test case page+image as static files. The test case exists only to show the problem. [ Thanks David ] Jeff David Laakso wrote: Jeff Blaine wrote: The test case at http://www.kickflop.net/csstest/ It just needs a little more, and a little different, structure than you had. Cursory tested in IE/6, IE/7.0, Mac Opera, Mac Firefox. http://chelseacreekstudio.com/ca/cssd/2c.html __ 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] IE7 problem
I've added the clear:both; and I've tried increasing the footer width,
but still no luck with IE7 on Windows XP. Other versions of IE seem to
work on Windows. What am I doing wrong?
I also have a problem with my .nav li a:active {
color: #000;
background: #fff;
}
command which doesn't work.
Regards
John
On 04/01/2008, Big Moxy [EMAIL PROTECTED] wrote:
John,
Try adding a clear: both to the footer style. You may also have to add
width to the footer but it's not clear to me whether it's always
necessary or just for my styles.
Tim
John Lockerbie wrote:
Hi,
I think the problems I've been having with my redesign are mostly
resolved but I know there is at least a problem with IE7 and Windows
XP.
Please would somebody have a look at
http://www.catnaps.org/20071217/index.html -
http://www.catnaps.org/20071217/catnaps.css - and suggest what I might
do about it.
If there is anything else that is screwed up, please let me know...
JL
__
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-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] IE7 problem
Holly,
Thank you very much for pointing that out. I'll amend and test this
now. It's been driving me mad...
With kind regards
John
On 05/01/2008, Holly Bergevin [EMAIL PROTECTED] wrote:
From: John Lockerbie [EMAIL PROTECTED]
there is at least a problem with IE7 and Windows
XP.
Please would somebody have a look at
http://www.catnaps.org/20071217/index.html -
http://www.catnaps.org/20071217/catnaps.css - and suggest what I might
do about it.
In your style sheet you have the easyclearing construction as follows -
.fix:after {
content:.;
visibility:hidden;
display:block;
clear:both;
height:0;
}
* html .fix {
height:1%;
}
.fix {
display:block;
}
Unfortunately, this is not a complete instance of the code (as given on PIE
[1]), and thus is actually missing the very part that IE7 needs to do the
clearing you've asked for.
If you will change your construction to the following, I think you will have
success with IE7. Tanfa (Claire Campbell) has an explanation [2].
.fix:after {
content:.;
visibility:hidden;
display:block;
clear:both;
height:0;
}
.fix {display: inline-block;}
/* \*/
* html .fix {height:1%;}
.fix {display:block;}
/* */
I hope that helps.
~holly
[1] http://positioniseverything.net/easyclearing.html
[2] http://www.tanfa.co.uk/archives/show.asp?var=300
__
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] IE7 problem
From: John Lockerbie [EMAIL PROTECTED]
there is at least a problem with IE7 and Windows
XP.
Please would somebody have a look at
http://www.catnaps.org/20071217/index.html -
http://www.catnaps.org/20071217/catnaps.css - and suggest what I might
do about it.
In your style sheet you have the easyclearing construction as follows -
.fix:after {
content:.;
visibility:hidden;
display:block;
clear:both;
height:0;
}
* html .fix {
height:1%;
}
.fix {
display:block;
}
Unfortunately, this is not a complete instance of the code (as given on PIE
[1]), and thus is actually missing the very part that IE7 needs to do the
clearing you've asked for.
If you will change your construction to the following, I think you will have
success with IE7. Tanfa (Claire Campbell) has an explanation [2].
.fix:after {
content:.;
visibility:hidden;
display:block;
clear:both;
height:0;
}
.fix {display: inline-block;}
/* \*/
* html .fix {height:1%;}
.fix {display:block;}
/* */
I hope that helps.
~holly
[1] http://positioniseverything.net/easyclearing.html
[2] http://www.tanfa.co.uk/archives/show.asp?var=300
__
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] IE7 problem
Holly,
I'll check out the quirksmode. It's certainly not a case of subtle
change as I have it set to black on white to test.
With kind regards
John
On 05/01/2008, Holly Bergevin [EMAIL PROTECTED] wrote:
From: John Lockerbie [EMAIL PROTECTED]
I also have a problem with my .nav li a:active {
color: #000;
background: #fff;
}
command which doesn't work.
http://www.catnaps.org/20071217/index.html -
http://www.catnaps.org/20071217/catnaps.css -
If you're speaking still of IE7, it appears that is doesn't support the
:active pseudo-class, according to the following page -
http://www.quirksmode.org/css/contents.html
Or, is it possible that the change between the hover and the active class
color is so subtle that you're not noticing it?
~holly
__
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] IE7 problem
Holly,
Thank you for your help. I've just tested the alterations you
suggested and the page now appears to work in IE7 XP. I've been
struggling on and off for at least two months with this problem...
And, as you say, the :active pseudo-class isn't supported. I shall
have to re-think that part of the site.
I very much appreciate the time you give to helping people like me who
spend half their time out of their depth in hand-coding.
Thank you again for your assistance,
John
On 05/01/2008, John Lockerbie [EMAIL PROTECTED] wrote:
Holly,
I'll check out the quirksmode. It's certainly not a case of subtle
change as I have it set to black on white to test.
With kind regards
John
On 05/01/2008, Holly Bergevin [EMAIL PROTECTED] wrote:
From: John Lockerbie [EMAIL PROTECTED]
I also have a problem with my .nav li a:active {
color: #000;
background: #fff;
}
command which doesn't work.
http://www.catnaps.org/20071217/index.html -
http://www.catnaps.org/20071217/catnaps.css -
If you're speaking still of IE7, it appears that is doesn't support the
:active pseudo-class, according to the following page -
http://www.quirksmode.org/css/contents.html
Or, is it possible that the change between the hover and the active class
color is so subtle that you're not noticing it?
~holly
__
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] IE7 problem
On Sat, 5 Jan 2008 19:42:53 +, John Lockerbie wrote:
Holly,
I'll check out the quirksmode. It's certainly not a case of subtle change as
I have it
set to black on white to test.
With kind regards
John
On 05/01/2008, Holly Bergevin wrote:
I also have a problem with my .nav li a:active { color: #000; background:
#fff; }
command which doesn't work.
http://www.catnaps.org/20071217/index.html -
http://www.catnaps.org/20071217/catnaps.css -
If you're speaking still of IE7, it appears that is doesn't support the
:active
pseudo-class, according to the following page -
http://www.quirksmode.org/css/contents.html
Or, is it possible that the change between the hover and the active class
color is so
subtle that you're not noticing it?
~holly
Actually, the :hover does not work in IE7 either. It is using the rule
for a:hover rather than the .nav li a:hover - the color changes
but not the background-color.
IE7 - and IE6, too, although my standalone IE6 applies the rule(?) -
needs an extra property change to kick it into responding.
Try adding a declaration like background-position: 0 0; to the
rule for .nav li a:hover to get IE to respond. This seems to fix
the :visited rule at the same time.
BTW - I'm not sure that a visited state identical to the current link
state is helpful to the visitor.
Cordially,
David
--
P.S. Please don't include email addresses in the body of your reply.
__
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] IE7 problem
Hi, I think the problems I've been having with my redesign are mostly resolved but I know there is at least a problem with IE7 and Windows XP. Please would somebody have a look at http://www.catnaps.org/20071217/index.html - http://www.catnaps.org/20071217/catnaps.css - and suggest what I might do about it. If there is anything else that is screwed up, please let me know... JL __ 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] IE7 problem
John, Try adding a clear: both to the footer style. You may also have to add width to the footer but it's not clear to me whether it's always necessary or just for my styles. Tim John Lockerbie wrote: Hi, I think the problems I've been having with my redesign are mostly resolved but I know there is at least a problem with IE7 and Windows XP. Please would somebody have a look at http://www.catnaps.org/20071217/index.html - http://www.catnaps.org/20071217/catnaps.css - and suggest what I might do about it. If there is anything else that is screwed up, please let me know... JL __ 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-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] ie7 problem
Hi, Can someone please tell me why this site is centered: www.snugglebugkids.net and this site using the same style is not in ie7 only? www.fitness909.com I have looked and looked and cannot find any problems. These are php pages and the beginning div is in the header and the ending in the footer. Sincerely, Melinda Odom Design Hosting, Inc. www.designhosting.biz 479-471-0891 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.10.2/891 - Release Date: 7/8/2007 6:32 PM __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] ie7 problem
Melinda Odom wrote:
Hi,
Can someone please tell me why this site is centered:
www.snugglebugkids.net
and this site using the same style is not in ie7 only?
www.fitness909.com
Because the first site has text-align: center; in the body declaration
of the css. If you were to add that line to the CSS like this:
BODY {
background: #ff;
color: #00;
margin: 0px;
padding: 0px;
text-align: center;
}
It would do the trick.
HTH
Matthew
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] ie7 problem
This is fixed now! Thanks Matthew! Sincerely, Melinda Odom Design Hosting, Inc. www.designhosting.biz 479-471-0891 -Original Message- From: Melinda Odom [mailto:[EMAIL PROTECTED] Sent: Monday, July 09, 2007 6:52 PM To: css discuss Subject: ie7 problem Hi, Can someone please tell me why this site is centered: www.snugglebugkids.net and this site using the same style is not in ie7 only? www.fitness909.com I have looked and looked and cannot find any problems. These are php pages and the beginning div is in the header and the ending in the footer. Sincerely, Melinda Odom Design Hosting, Inc. www.designhosting.biz 479-471-0891 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.10.2/891 - Release Date: 7/8/2007 6:32 PM No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.10.2/891 - Release Date: 7/8/2007 6:32 PM __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 problem
I have tested in FF and IE6, but I have a problem with the menu for
www.rgampadds.com in IE7, anyone have any suggestions?
Here is the code:
div id=menuContent
div id=menuContainer
div id=headerVerticalBottom
div id=menuVertical
div id=menuVerticalwrap
!-- Menu Begin --
!menuContent
!-- Menu End --
/div
div id=menuFoot /div
/div
div style=clear:both;/div
/div
div style=clear:both;/div
/div
div id=underMenu
br /br /
The address and phone number info goes here
/div
/div
The CSS:
(I thought it might be the commented backslash hack below to get
IE5-mac to work, so i took it out and tried it - but still no go)
#menuContent{
float:left;
width:160px;
clear:both;
display:block;
}
#menuContainer{
clear:both;
display:block;
}
#underMenu{
padding-left:30px;
clear:both;
}
div#menuContainer{
float:left;
width:160px;
background-image: url(../images/wcf_menuRepeat.jpg);
}
div#headerVerticalBottom{
position:relative;
float:right;
width: 160px;
background-image:url(../images/wcf_menuHead.jpg);
background-repeat:no-repeat;
padding-top:35px;
}
div#menuVertical{
position:relative;
height:24px;
}
#menuVerticalwrap {
float:right;
padding-right:12px;
width:120px;
font-size:12px;
line-height:normal;
}
#menuVerticalwrap ul {
margin:0;
padding:0;
list-style:none;
}
#menuVerticalwrap li {
float:right;
margin:0;
padding:0;
width:120px;
text-align:right;
background-image: url(../images/wcf_menuButton.gif);
background-repeat: repeat-x;
background-position: left top;
}
#menuVerticalwrap a {
display:block;
font-size: 11px;
font-weight: bold;
color: #FF;
text-decoration:none;
line-height:14px;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
#menuVerticalwrap a:hover{
float:right;
display:block;
font-size: 11px;
font-weight: bold;
color: #00;
text-decoration:none;
/* padding-right:8px;*/
width:120px;
text-align:right;
/*background-color:#006699;*/
}
#menuVerticalwrap li {
float:left;
background-position: right top;
height:24px;
width:115px;
}
#menuVerticalwrap li {
margin:0;
padding:0;
}
#menuVerticalwrap a {
display:block;
background-position: left top;
}
#menuVerticalwrap a {
padding-bottom:2px;
padding-top:6px;
}
#menuVerticalwrap #current {
line-height:14px;
background-image: url(../images/wcf_menuButton.gif);
background-repeat: repeat-x;
background-position: left top;
}
#menuVerticalwrap #current a {
color: #00;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#menuVerticalwrap a {float:none;}
/* End IE5-Mac hack */
/**/
#menuFoot{
float:right;
width:160px;
height:38px;
background-image: url(../images/wcf_menuFoot.jpg);
background-repeat: no-repeat;
background-position: left top;
}
Thanks,
Parag
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
Re: [css-d] IE7 problem
Carol F. Swinehart wrote: http://www.masterchurchbldr.com/test/portfolio/index5.html IE 6 problem fixed and now the picture in the right hand column is moving down to the bottom of the column. Looks good in most other browsers. Carol, The #right div is taking up too much space. It has a width of 335px and a left margin on 555px, which means the total amount of horizontal space it needs is 890px. But the container it is in, #container2, is only 878px wide. You need more space. However, I suggest you avoid the problem entirely and make that image a background, as it appears to be simply decorative to me. You can apply it to the #center div by making that div wider and giving it enough right padding so that its text never overlaps or wraps under the image. You can then get rid of the #right div entirely, which is good since it's only there for presentational reasons. Simpler is always better, right? :-) Hope that helps, Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 problem
http://www.masterchurchbldr.com/test/portfolio/index5.html IE 6 problem fixed and now the picture in the right hand column is moving down to the bottom of the column. Looks good in most other browsers. Carol __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 problem
Carol F. Swinehart wrote: http://www.masterchurchbldr.com/test/portfolio/index5.html IE 6 problem fixed and now the picture in the right hand column is moving down to the bottom of the column. Looks good in most other browsers. Carol Yes, it looks fairly consistent cross-browser with the sole exception of ie7.0. 14 captures http://www.browsercam.com/public.aspx?proj_id=314929 ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 Problem – Float and Margin Issues
Hi, The top of my this page http://www.blakehaswell.com/others/redux/forum/thread.htm (language warning) has pretty much exploded in IE7. There are a number of issues with how big certain margins are, and it appears as if some floats aren't clearing. I'm pretty new to dealing with problems in IE7, because I'm not yet certain how much support it has for some techniques. So anyone have any ideas? Thanks, Blake -- Australian Web Designer - www.blakehaswell.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 problem with my site - www.pain.ro
hello, thanks for the reply but it seems it doesnt work.. Devon Miller wrote: Daniel Petre wrote: hello, anyone can guide me to a hack regarding viewing my page ( http://www.pain.ro ) the right way in IE7 ? It looks like the IE z-index bug[1]. Basically, since you have 2 positioned elements and one does not contain the other, IE treats the later element (#background) as being in front of the earlier element (#navcontainer). If you put a larger z-index on #navcontainer, it should work. dcm [1] http://www.aplus.co.yu/lab/z-pos/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] IE7 problem with my site - www.pain.ro
nevermind, just fixed !
i forgot to add z-index to img.background like:
img.background {
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
}
and now everything shows up correctly.
whats left is ie6 and ie7 hacks for the menu positioning:
#navcontainer {
z-index: 100;
position: absolute;
margin-left: 32px;
*margin-top:15px ; _margin-top:15px ;
*margin-top:15px ;
}
the *margin-top:15px ; _margin-top:15px ; line is for ie7 only,
the following line is for ie6 and ie7.
thank you all for reading my messages and for your replies.
Daniel Petre wrote:
hello, thanks for the reply but it seems it doesnt work..
Devon Miller wrote:
Daniel Petre wrote:
hello, anyone can guide me to a hack regarding viewing my page (
http://www.pain.ro ) the right way in IE7 ?
It looks like the IE z-index bug[1]. Basically, since you have 2
positioned elements and one does not contain the other, IE treats the
later element (#background) as being in front of the earlier element
(#navcontainer). If you put a larger z-index on #navcontainer, it
should work.
dcm
[1] http://www.aplus.co.yu/lab/z-pos/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 problem with my site - www.pain.ro
~davidLaakso wrote:
Devon Miller wrote:
Daniel Petre wrote:
hello, anyone can guide me to a hack regarding viewing my page (
http://www.pain.ro ) the right way in IE7 ?
Best,
~dL
{previous message trimmed]
You may need this with it, too... who knows? :-)
#navcontainer ul li { /*z-index: 1;*/display: inline; }
~d
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 problem with my site - www.pain.ro
hello, anyone can guide me to a hack regarding
viewing my page ( http://www.pain.ro ) the right way in IE7 ?
thanks !
the css code is at http://www.pain.ro/pain.css
and listed here too :
body { margin: 0px; }
#background {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
img.background {
width: 100%;
height: 100%;
}
#navcontainer {
z-index: 1;
position: absolute;
margin-left: 32px;
}
#navcontainer ul
{
z-index: 1;
padding-left: 0;
margin-left: 0;
background: transparent;
color: #CC3366;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
#navcontainer ul li { z-index: 1;display: inline; }
#navcontainer ul li a
{
z-index: 1;
padding: 0.2em 0.4em;
background-color: #036;
color: #CC3366;
text-decoration: none;
float: left;
background: transparent;
}
#navcontainer ul li a:hover
{
z-index: 1;
background-color: #CC3366;
color: #fff;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 problem with my site - www.pain.ro
Daniel Petre wrote:
hello, anyone can guide me to a hack regarding viewing my page (
http://www.pain.ro ) the right way in IE7 ?
Same problem in IE6 - IE doesn't understand what to dimension in
relation to.
This might work...
body { margin: 0px; height: 100%; width: 100%;}
...or you may have better luck running IE6/7 in quirks mode, since they
obviously are a bit more up to the task when not in standard mode.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 problem: list item bg image positioning upon a text resize
Hi
Upon a text resize in IE7, I am having trouble positioning a
background image in an unordered list.
The 'star' background image in the tag line,Rustic Italian Cuisine *
Focused on Organics, does not stay centered upon a text resize.
I am only seeing this bug in IE7 as the star appears to remain
centered in IE6, Firefox[Mac/PC], and Safari.
here is the url:
http://bravosantamonica.com/alpha/cucina/cucina_main_menu.php
is this a bug?
many thanks in advance
css:
ul.rustic_tagline {
list-style:none;
margin:0;
padding-bottom:1em;
text-align: left; }
ul.rustic_tagline li {
display: inline;
font: italic 1.8em/1em Trebuchet MS, Verdana, Arial, Helvetica,
sans-serif;
text-shadow:2px 2px 2px grey;}
ul.rustic_tagline li#focused {
display:inline;
padding-left:40px;
background: url('../images/bravostar_small_2.png') no-repeat 5px
center; }
html:
ul class=rustic_tagline
li id=rustic class=greenRustic Italian Cuisine/li
li id=focused class=redFocused on Organics/li
/ul
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] IE7 Problem
The home page at http://www.facilityplanners.com/ has an element that floats
up under the banner. It works fine in FireFox and IE6.
The relevant css is in http://www.facilityplanners.com/css/global.css and
http://www.facilityplanners.com/css/home.css
The misbehaving div's css is
#divAnnounce{
POSITION: relative;
TOP: 5px;
left: 10px;
MARGIN: 0px;
PADDING: 5px 5px 0 0;
FLOAT: right;
WIDTH: 290px;
}
IE7 is rendering it offsett from the top of the page. Not its containing
div.
--
/Mark Brailsford
mailto:[EMAIL PROTECTED]
blog: http://brailm.blogspot.com/
Any fool can make things bigger, more complex, and more violent. It takes a
touch of genius-and a lot of courage-to move in the opposite direction.
--Albert Einstein
__
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/
