Re: [css-d] ie6 and ie7 columns not aligning
~davidLaakso wrote: Melinda Odom wrote: Is there a way to get ie6/ie7 to show even across the bottom? http://www.usprayercenter.org/test_final.html To some degree... http://www.gunlaug.no/tos/moa_11f.html ...and can be made to work without the problems mentioned below. ie is off in different ways in both 6 and 7. Mozilla, Netscape, and Opera look good. They do..? All non-IE browsers I can muster shows severe weaknesses - overlapping and unreadable text - in that page. They all show a suitable font size, of course... http://www.gunlaug.no/contents/wd_1_03_04.html IE7 does the same - once released from the fixed font. IE6 drops columns all over the place, but the text becomes fairly readable. Dunno. But I do not think most folks will be running around checking your site cross-browser with a pixel ruler to compare trivial matters such as these :-) . But I may be wrong. Of course you are. All new web surfers are given pixel rulers at initiation - along with their googleable names. Thus, pixel rulers are destined to rule the web. OTOH, the trivial pursuits of some older folks who are at upper screen resolutions might wonder why the fonts are frozen in all versions of IE? But I may be wrong about that, too. What do you think? Older folks weakened vision interferes with the vision of pixel perfection, so they shouldn't be allowed to surf the web. David, you should know that by now ;-) 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/
Re: [css-d] changes in W3C validator?
On 15/05/07, Michael Venables [EMAIL PROTECTED] wrote: Has anyone noticed that the W3C's CSS validator is now parsing style rules embedded in HTML comments? Hasn't it always done that? (In HTML documents where they are supposed to be ignored, rather then XHTML documents where they are actual comments, or CSS files where they are syntax errors). Do you have test cases? I haven't seen any mention of it, so I'm wondering if they just kind of snuck a new version in New versions tend to get announced. Its possible that something was upgraded on the server, but since the CSS validator is all Java, its not as likely as if this was the Markup Validator. , or if I missed something obvious. I know they were working on a new XHTML parsing engine, but it didn't sound like Jigsaw was included in that... The Markup Valdiator does have a new XML parser ( http://validator-test.w3.org/ ) to try it out. Jigsaw is, IIRC, the HTTPD / Servelet container that the CSS Validator runs under and I haven't heard about any changes to either of late. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] I'd like to create a splash page?
I'd like to tell you this is impossible as (for many reasons) splash pages are overall a bad idea. A couple of references: http://webdesign.about.com/od/navigation/a/aa020303a.htm http://www.websiteoptimization.com/speed/tweak/splash/ (just happened to come up at the top of Google searches, I'm sure there are even better resources out there). However, as I understand that there are clients out there who demand this sort of thing no matter how much we as designers and developers try to talk them out of it, I will say that the solution will rely in javascript which (I'm not sure as I'm new today) would be outside the scope of this mailing list discussion. I will say that you should look into the code for Lightbox as I'm sure it's layer technique could be easily adapted to create a splash page effect. Brian __ 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] Inline Lists in IE4 - possible?
On 15/05/07, David Baskind [EMAIL PROTECTED] wrote: This may be common knowledge, but is it impossible to render a list as inline in IE 4.0 (Win, for the sake of this argument)? I cannot get 'float' or 'display' to work. From http://msdn2.microsoft.com/en-us/library/ms530751.aspx In Internet Explorer 4.0, the block, inline, and list-item values are not supported explicitly, but do render the element. I think that means no... but most developers appear to have dropped support for IE 5.0, and many have dropped IE 5.5. I'm very surprised anyone is still trying to support IE 4, which has been unsupported by Microsoft for a very long time. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Overflow:scroll and position:relative in IE6 - Bug?
Alan K. Gay wrote: Ta-da. You are correct. Is there something I didn't understand about the standards, or is this just an IE local knowledge thing? Thanks a bunch. For me I know that if you're using positioning you're essentially telling the browser: Yes, I know this doesn't normally go here but just trust me! And so I know it is probably going to be prone to various rendering bugs so I usually make sure everything is displaying properly and try using position: relative when it is not because it is usually due to the way a positioned element is contained (ie: logic error) rather than an error in implementation. -- Thanks, Jim __ 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] Inline Lists in IE4 - possible?
I've been lurking for a little while and I'm pleased to present my first question :-) This may be common knowledge, but is it impossible to render a list as inline in IE 4.0 (Win, for the sake of this argument)? I cannot get 'float' or 'display' to work. This is for the purposes of a horizontal navigation bar. Off the top of my head: 1) IE4 has bad support for the display declaration. 2) IE4 supports width on only a few elements, and I'm not sure if LI is one of them. Without a defined width float-based solutions won't work because the element will float, but will also take 100% width (or the width of its inner text). I think you should drop the ul/li-approach and instead place every link in a div and float that div and give it a width. That should work (I think). -- --- ppk, freelance web developer http://www.quirksmode.org/ -- __ 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] remove input border via css?
Hi gang:
Is there any way to use css to remove the border that accompanies an input
box?
I've tried border: none;, but that hasn't worked.
Cheers,
tedd
--
Hi Tedd,
Use input {border-width:0;} instead and it will work.
Regards,
Maurício Samy Silva
http://www.maujor.com/
I have followed this thread with interest because I want to completeky hide
a text field on some webpages.
Samy's suggestion works fine except the vertical scroll bar remains visible.
I have not been able to Google any useful way to eliminate the scrollbar
other than to color it the same as the page background. And that seems to
work only for IE.
How can I eliminate the vertical scrollbar on a textfield.?
Thanks for any help.
Del
__
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] remove input border via css?
On 5/15/07, Del Wegener [EMAIL PROTECTED] wrote: I have not been able to Google any useful way to eliminate the scrollbar other than to color it the same as the page background. And that seems to work only for IE. How can I eliminate the vertical scrollbar on a textfield.? I'm not sure I'm understanding--do you want to hide: 1) an input type=text? 2) a textarea? 3) The scrollbar from a textarea? For 1 and 2, you can simply use display: none to prevent them from displaying. For #3, I'm not sure if there is a way to not display the scrollbar in a textarea. Someone else will have to comment. __ 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] remove input border via css?
From: Del Wegener
Sent: Tuesday, May 15, 2007 8:19 AM
I have followed this thread with interest because I want to
completeky hide
a text field on some webpages.
Del,
You can use input#id { display:none; } to completely hide the text box. Or
(at the risk of suggesting a non-CSS solution), change the type to HIDDEN
and it won't display, but the form will still contain the input.
input type=text name=someinput id=someinput value=Text you need to
keep, but do not want to show becomes input type=hidden
name=someinput id=someinput value=Text you need to keep, but do not
want to show and all is well.
Thanks for any help.
Hope this qualifies!
--G
__
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] remove input border via css?
On Tue, 15 May 2007, Del Wegener wrote: I have followed this thread with interest because I want to completeky hide a text field on some webpages. That sounds like a hopeless task, and I wonder _why_ you would want that. I'm pretty sure there is a more constructive approach to the original problem. If you just wanted to _hide_ them, display: none or some other hiding method would work rather well, with the usual CSS Caveats or course. But I suppose you want to hide their being text fields, i.e. to display the content of a field as if it were normal text. For this, there would be many things to consider: border, font family, font size, line height, etc. Besides, the field would still be focusable, and you cannot prevent this in CSS (though possibly in JavaScript). -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ 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] PNG transparency in IE7
Hi list, I'm trying to use transparent PNGs as backgrounds on a new site. It seems to work fine when I add the transparent background PNG to the navigation and content divs independently (see http:// dev.careermovesgroup.co.uk). However, the client wants the two columns to be of equal height. I've attempted to achieve this by adding a wide (760px) transparent PNG as a background image to anew contentwrapper div (see http:// dev.careermovesgroup.co.uk/index2.php). This works fine in Safari / Firefox. Unfortunately, in IE7 I seem to get an artefact where a darker background bar sometimes appears at the bottom of the div. Sometimes you have to refresh several times before you see it (or flick between two tabs). I haven't defined backgrounds for the divs that sit above contentwrapper but I have tried setting them to transparent with no effect. index.php and index2.php reference different stylesheets so it's not simply a matter of two partially transparent divs overlying one another. Taking out the content of the page helps (see http:// dev.careermoves.co.uk/index3.php), but even here the artefact is reproducible on clicking between tabs. I'd appreciate any thought anyone might have on this. Thanks in advance, Peter __ 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] remove input border via css?
- Original Message - From: Jukka K. Korpela [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Tuesday, May 15, 2007 8:49 AM Subject: Re: [css-d] remove input border via css? On Tue, 15 May 2007, Del Wegener wrote: I have followed this thread with interest because I want to completeky hide a text field on some webpages. That sounds like a hopeless task, and I wonder _why_ you would want that. But I suppose you want to hide their being text fields, i.e. to display the content of a field as if it were normal text. For this, there would be many things to consider: border, font family, font size, line height, etc. Besides, the field would still be focusable, and you cannot prevent this in CSS (though possibly in JavaScript). -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ I suppose I was not very clear, but Yucca hid it right on the head. On an interactive quiz page I respond to each student response with some constructive feedback which I currently display in a multiline textfield. I would like to provide the feedback so that it looks like normal text on the page without the appearance of the textfield. Is there a simple way to display this feedback in some other element other than a textfield? Del __ 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] ADMIN: I'd like to create a splash page?
At 11:50 PM -0400 5/14/07, ~davidLaakso wrote: Yes, image_page.html (or whatever you want to name the first page up) is the first page on the screen. The /meta attribute/ within the head of that doc simply says how long (usually seconds) that page stays on the screen before it jumps automatically to another page. The real question may be what does any of this bit of smoke and mirrors have to do with CSS? Nothing, which is why the thread is now over. Thanks. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.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] Just a test
I sent a message to the list a few days ago, and it never appeared. I'm hoping this one goes through because I need some help! Thanks. Brooke __ 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] remove input border via css?
From: Del Wegener
Sent: Tuesday, May 15, 2007 9:52 AM
Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/
I suppose I was not very clear, but Yucca hid it right on the head.
On an interactive quiz page I respond to each student
response with some
constructive feedback which I currently display in a
multiline textfield. I
would like to provide the feedback so that it looks like
normal text on the
page without the appearance of the textfield.
Is there a simple way to display this feedback in some other
element other
than a textfield?
Del,
I have a form where the user is allowed to enter comments (textarea) (among
other things) and then I display a confirmation page with all entries
displayed as text.
pComments: span class=disabledValue id=spnCommentsmultiple lines of
comments will fit here and wrap as needed/span/p
span.disabledValue
{
width:17em;
float:left;
border:1px solid #c0c0c0;
color:#c0c0c0;
padding:.125em .5em;
margin-bottom:.25em;
height:1.25em;
}
span#spnComments
{
height:auto;/* Let the comments be as tall as needed, with the
minimum specified in previous rule */
}
--G
__
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] It's all gone wrong and I don't know what I have done! =( Please Help
Hi all, I have heard a few things that got me worried so tested my website again; http://browsershots.org/screenshots/db0fbcf0a48e237c3613e529d81432d1/ This is something that has only started to happen recently and I can't think of what changes might have caused this. http://www.3pointdesign.com/index.html http://www.3pointdesign.com/styles/one.css I am limited to the testing I can do: Safari 2.0.4 Firefox mozilla 1.5.0.9 Webkit (safari) Netscape 7.2 Opera 9.20 Internet explorer 5.2 all mac browsers. As you can see my problem is with Internet Explorer. Are there any mac users that no a way that i can test on I.e without having to wait 2 hrs for browser shots to take pics before I see whether my changes have worked? I do not have an intel mac yet so cannot use parallel and I am not interested in a pc emulator. Thank you in advance for any help. Chris Blake: Visit my Website at 3 Point contact | [EMAIL PROTECTED] - 07816163420 | aim - blakeybounce | msn - [EMAIL PROTECTED] __ 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] ie6 and ie7 columns not aligning
Ok I get it now! I changed the two columns with the fixed height and now things are lining up better ... not perfect of course but better for accessibility. Thanks! Sincerely, Melinda Odom Design Hosting, Inc. www.designhosting.biz 479-471-0891 -Original Message- From: Gunlaug Sørtun [mailto:[EMAIL PROTECTED] Sent: Tuesday, May 15, 2007 2:06 AM To: css discuss Cc: [EMAIL PROTECTED]; [EMAIL PROTECTED] Subject: Re: [css-d] ie6 and ie7 columns not aligning ~davidLaakso wrote: Melinda Odom wrote: Is there a way to get ie6/ie7 to show even across the bottom? http://www.usprayercenter.org/test_final.html To some degree... http://www.gunlaug.no/tos/moa_11f.html ...and can be made to work without the problems mentioned below. ie is off in different ways in both 6 and 7. Mozilla, Netscape, and Opera look good. They do..? All non-IE browsers I can muster shows severe weaknesses - overlapping and unreadable text - in that page. They all show a suitable font size, of course... http://www.gunlaug.no/contents/wd_1_03_04.html IE7 does the same - once released from the fixed font. IE6 drops columns all over the place, but the text becomes fairly readable. Dunno. But I do not think most folks will be running around checking your site cross-browser with a pixel ruler to compare trivial matters such as these :-) . But I may be wrong. Of course you are. All new web surfers are given pixel rulers at initiation - along with their googleable names. Thus, pixel rulers are destined to rule the web. OTOH, the trivial pursuits of some older folks who are at upper screen resolutions might wonder why the fonts are frozen in all versions of IE? But I may be wrong about that, too. What do you think? Older folks weakened vision interferes with the vision of pixel perfection, so they shouldn't be allowed to surf the web. David, you should know that by now ;-) regards Georg -- http://www.gunlaug.no No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.5.467 / Virus Database: 269.7.0/803 - Release Date: 5/13/2007 12:17 PM No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.467 / Virus Database: 269.7.0/804 - Release Date: 5/14/2007 4:46 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] The case of the disappearing content
Hi everyone, Disclaimer: I didn't code this site, it was delivered by an agency - just want to be clear about that :) We have something of a conundrum on one of our brand web sites. The problem appears on only two pages. When you roll over the brown menu items (they are drop down menus), the main content on the page disappears. This happens in IE6 only, FF and IE7 respond just fine. My best guess is that I am dealing with the peekaboo bug, but my attempts to fix the problem have been fruitless. The CSS is a total mess. (Example, the .menu class on that dropdown menu that appears at the top of the page is located under the footer comment). I've tried to give various elements hasLayout, but that has not worked. Maybe this is a problem with the dropdown menu CSS interacting with ours...and if it is, oh boy. The dropdown menu was purchased and slapped in there, again by the agency. It is the Ultimate drop down menu Version 4.44 by Brothercake ( http://www.udm4.com/). To say the css and JS for this menu is complex would be an understatement. Maybe the solution is simple and sitting right under my nose... (hoping) so I figured I'd post it here. The page is here: http://www.trugreen.com/tg/offers/contact.dsp In IE6 rollover the menus, sooner or later the page content in the white area poofs away. You can't get it back without reloading the page. The CSS: /tg/include/styles.css - main CSS made by agency. Messy. /tg/include/udm-resources/udm-style.css - Brothercake drop down menu CSS - hopefully the problem is not in here If anyone has any ideas I could try, I'd greatly appreciate it. Thanks! please CC me at pixelmech at gee mail dot com with ideas. Tom -- Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony. - Dennis __ 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] remove input border via css?
I suppose I was not very clear, but Yucca hid it right on the head. On an interactive quiz page I respond to each student response with some constructive feedback which I currently display in a multiline textfield. I would like to provide the feedback so that it looks like normal text on the page without the appearance of the textfield. Is there a simple way to display this feedback in some other element other than a textfield? The overflow property will work with that. One thing that I noticed though was that some browsers don't like the overflow:visible property on the textarea tag; however, every browser I checked like overflow:hidden. Maybe you could utilize that styling with a known height. __ 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] It's all gone wrong and I don't know what I have done! =( Please Help
On 5/15/07, Christopher Blake [EMAIL PROTECTED] wrote: Hi all, I have heard a few things that got me worried so tested my website again; http://browsershots.org/screenshots/db0fbcf0a48e237c3613e529d81432d1/ This is something that has only started to happen recently and I can't think of what changes might have caused this. http://www.3pointdesign.com/index.html http://www.3pointdesign.com/styles/one.css I am limited to the testing I can do: Safari 2.0.4 Firefox mozilla 1.5.0.9 Webkit (safari) Netscape 7.2 Opera 9.20 Internet explorer 5.2 all mac browsers. As you can see my problem is with Internet Explorer. Are there any mac users that no a way that i can test on I.e without having to wait 2 hrs for browser shots to take pics before I see whether my changes have worked? I do not have an intel mac yet so cannot use parallel and I am not interested in a pc emulator. Thank you in advance for any help. just from a quick glance it looks like your #rightcontainer is having the margin-right doubled pushing things down. try to add display: inline; to fix an IE double margin float bug. i always try that first and see if it is the problem hope it solves your issue Jeff : __ 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] Line-height problem in IE
Hello everyone. I have having a problem with line-height in Firefox vs. IE. I have set the line height at 1.5em for everything in this page. It views correctly in Firefox, but in IE the line height appears to be 1em for everything in the family tree box (the page is a family tree chart). Since the majority of people will be viewing this in IE, I am concerned, because with the lines so close together, it makes it a lot more difficult to read. Any ideas as to what is causing this? Here is the site (CSS is in the head): http://brookenelson.com/genealogy/cheveriedescendants.html Thanks in advance Brooke __ 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] ie6 and ie7 columns not aligning
Melinda Odom wrote: I have tested different font sizes in all browsers and don't see what you are talking about. What am I doing wrong? http://www.usprayercenter.org/test_final.html Please know that I am not trying to blow you out of the water, Melinda. It is just that we (at least I do) forget that users control the Web. These are screen shots that indicate /some/ users /may/ face a problem with the site: Firefox: http://chelseacreekstudio.com/ca/cssd/firefox.gif IE7.0 http://chelseacreekstudio.com/ca/cssd/ie7.gif IE6.0 (first shot) http://chelseacreekstudio.com/ca/cssd/ie6-a.gif IE6.0 (second shot-- scrolling down) http://chelseacreekstudio.com/ca/cssd/ie6-b.gif Best, ~dL __ 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] The case of the disappearing content [solved, I think]
Thanks for the suggestions, I think I stumbled on a fix. I put a height: 1%; to hopefully force hasLayout on .MainContent, which is the containing DIV for all the content, and it seems to be working. I'm going to test it on a few more machines... fingers crossed! Tom You may want to look into using the whatever:hover behavior file rather than a javascript drop-down menu. By having your server distribute the behaviour file you need not rely on the user having javascript enabled for your css menus to work. Read about it here: http://www.seoconsultants.com/css/menus/tutorial/ Checking this out will allow you to just remove the offensive code entirely and it will be code that is clearly understandable to you. -- Thanks, Jim -- Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony. - Dennis __ 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] Line-height problem in IE
On 2007/05/15 11:22 (GMT-0400) Brooke Nelson apparently typed: Hello everyone. I have having a problem with line-height in Firefox vs. IE. I have set the line height at 1.5em for everything in this page. It views correctly in Firefox, but in IE the line height appears to be 1em for everything in the family tree box (the page is a family tree chart). Since the majority of people will be viewing this in IE, I am concerned, because with the lines so close together, it makes it a lot more difficult to read. Any ideas as to what is causing this? Here is the site (CSS is in the head): http://brookenelson.com/genealogy/cheveriedescendants.html I didn't look, but removing em from each instance of line-height:... might be your solution. See: http://mrmazda.no-ip.com/auth/line-height-inherit.html -- The path of the righteous is like the first gleam of dawn, shining ever brighter till the full light of day. Proverbs 4:18 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.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] Line-height problem in IE
On 2007/05/15 11:22 (GMT-0400) Brooke Nelson apparently typed: Hello everyone. I have having a problem with line-height in Firefox vs. IE. I have set the line height at 1.5em for everything in this page. It views correctly in Firefox, but in IE the line height appears to be 1em for everything in the family tree box (the page is a family tree chart). Since the majority of people will be viewing this in IE, I am concerned, because with the lines so close together, it makes it a lot more difficult to read. Any ideas as to what is causing this? Here is the site (CSS is in the head): http://brookenelson.com/genealogy/cheveriedescendants.html Before you try anything else, try validation - 792 errors. Correcting markup errors often is all it takes: http://validator.w3.org/check?uri=http%3A%2F%2Fbrookenelson.com%2Fgenealogy%2Fcheveriedescendants.html -- The path of the righteous is like the first gleam of dawn, shining ever brighter till the full light of day. Proverbs 4:18 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://mrmazda.no-ip.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] Layout Issue With IE 6 7
I'm working on a template that will be used as the basis for a Zope/Plone CMS that my group is implementing. This template will eventually be used to implement a couple of hundred sites within our Plone system (for departments, centers, programs, offices, etc within the University where I work). Each department will have a designated person(s) responsible for inputing and updating content in their site. For the most part these designated people have no HTML experience what-so-ever. My goal is to create a layout that has the following: 1. 3 column layout with a header and footer (the footer can either sit at the bottom of the 2nd column, with the 1st 3rd columns wrapping down beside it. Or, it can sit under and span all 3 columns). 2. 100% width fluid layout - 1st 3rd column are fixed width while the 2nd column is fluid 3. All 3 columns will be filled with their own color and need to be of equal height (I would prefer using color codes rather than images if possible) 4. It can't matter which column will have the most/least amount of content 5. If a page is short on content I would like the footer to stick to the bottom of the page. However, I don't want mock frames (the header and footer should scroll with the page). 6. 100% height - if a page is short on content I would like the columns to expand all the way down to the footer 7. I would like to be able to enforce the set width of the 1st and 3rd column. I don't want long unbreakable URLs or emails to break the set width. 8. I would like to avoid using JavaScript if possible. I have read many articles that address each of these issues individually but none that put it all together. It is when I put working solutions together that inevitably something breaks. To address several of these issues I have been leaning towards the use of one main table for the layout. I know, I know, you just cringed. But it does seem to be the lesser of evils when looking at some of the workarounds needed to get the above to work. Also, with a table I can use table-layout: fixed to enforce the width of my 1st and 3rd column. My test site is located at: http://www.med.unc.edu/~aorth/test11.htm I've tested in the following browsers: * Windows - IE 6 7, Firefox 1.5 2, Opera 9.2, Netscape 7.1 * Mac - Firefox 2, Safari 2.04, Camino 1.03 This simple layout does well in all the browsers except IE (both 6 7). If the page is short on content the header and footer cells expand beyond their specified height (100px in my test page). Is there a way to prevent this? The only other issue (and it's a minor one), is that a long unbreakable URL placed in the 1st or 3rd column expand beyond the column width even though overflow is set to hidden. The important factor is that the design doesn't break and the rest of the column content doesn't flow outside of it's container. This issue will be more of a training issue as links should be made from text that describes what the link pertains to. However, since I can't monitor every page of every customer's site, it would be nice to somehow enforce the set width. Third and last question: are there any other issues that you see with this layout? I am open to a purely css or table based solution that can get all of this to work. Thanks in advance for any assistance. -Alicia __ 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] Line-height problem in IE
On Tue, 15 May 2007, Brooke Nelson wrote: Hello everyone. I have having a problem with line-height in Firefox vs. IE. I have set the line height at 1.5em for everything in this page. Felix mentioned the possibility of using a plain number (1.5), which is generally a better idea. But in this case there is no difference, since you use the same font size. I even tried setting line-height to a value in pixels, with the same results. in IE the line height appears to be 1em for everything in the family tree box That applies to IE 6. On IE 7, the bug seems to have been fixed. This appears to be the Line-height / Replaced Element Bug described at http://www.positioniseverything.net/explorer/lineheightbug.html Basically, when an element contains img elements, IE 6 goes crazy with line-height. The document is pessimistic about fixes. However, in your case, perhaps you could circumvent the bug by replacing the images by suitable special characters. For example, you might consider replacing constructs like img src=block1.gif width=11 height=6 / (where block1.gif presents a thick minus sign) by e.g. span class=mminus;/span with some font-level styling for span.m. Making the plus and minus symbols align vertically might be somewhat complicated but probably possible. It's more difficult to make their lines thick enough. But we can return to this issue if you find this approach potentially feasible. Note that you should fix the img element markup anyway, since the elements now lack the required alt attribute, and you might just as well considering doing some _different_ change. -- Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/ __ 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] Line-height problem in IE
Brooke Nelson wrote:
Hello everyone. I have having a problem with line-height in Firefox vs. IE.
I have set the line height at 1.5em for everything in this page. It
views correctly in Firefox, but in IE the line height appears to be
1em for everything in the family tree box (the page is a family tree
chart). Since the majority of people will be viewing this in IE, I am
concerned, because with the lines so close together, it makes it a lot
more difficult to read. Any ideas as to what is causing this?
Here is the site (CSS is in the head):
http://brookenelson.com/genealogy/cheveriedescendants.html
Thanks in advance
Brooke
It may be the combination of px for font-size and em for line-height.
FWIW, re-setting the body to:
body {font: 100%/1.5 verdana, sans-serif;}
and deleting /all/ instances of font-size: 11px;
and /all/ instances of line-height: 1.5em
makes it readable in all browsers /and/ scalable, as well, for your
primary target browser, IE.
Best,
~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] 2 questions
Hi. #1 what would be the advantage of defining styles in the head instead of the body? #2 is it normal that the style info looks to be commented out, but still works? http://www.somtndesign.com/contactus2ak.htm Thanks Lauri Pantos - Ready for the edge of your seat? Check out tonight's top picks on Yahoo! TV. http://tv.yahoo.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] Problem with dropdown menu - link widths different in Firefox and IE
I am having a problem with my dropdown menu. For each item in the
horizontal menu, I want the width of the link to be variable, based on
the width of the text, plus 12px padding on the right and left. This
works in Firefox, but in IE6, the width is the same for each item
(96px, I believe). What is it in my CSS that I have to change to make
it display correctly in IE?
Here is the page:
http://brookenelson.com/statescape/test/StateScape.html
Here is the CSS (the relevant section is under /* NEW HORIZONTAL NAV BAR */):
http://brookenelson.com/statescape/test/style.css
Here is the Firefox and IE screenshots compared:
http://brookenelson.com/statescape/test/screenshot1.jpg
This is the relevant CSS, but I have a feeling it's something else in
the CSS that is causing this, so please look at the full CSS linked
above:
.menu ul li {
float:left;
height:24px;
line-height:24px;
display:block;
}
.menu a, .menu a:visited {
display:block;
float:left;
height:100%;
font-family: verdana;
font-size:10px;
font-weight: bold;
text-decoration:none;
color:#ff;
background:#3D539C url(navbg.gif);
padding:0 12px;
margin: 0;
}
By the way, the menu is based on ones from here:
http://www.cssplay.co.uk/menus/index.html
__
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] 2 questions
On 5/15/07, Lauri Pantos [EMAIL PROTECTED] wrote:
Hi.
#1 what would be the advantage of defining styles in the head instead of the
body?
#2 is it normal that the style info looks to be commented out, but still
works?
http://www.somtndesign.com/contactus2ak.htm
Thanks
Lauri Pantos
Hi Lauri,
The main advantage is actually to define your stylesheets in a
separate file and link that file as such:
link rel=stylesheet type=text/css href=/path/to/cssfile.css /
This allows you to make one change and have it apply throughout all
the pages of your site.
The response to your second question is that what you're seeing is an
HTML comment inside a stylesheet. HTML comments apply only to HTML
code--stylesheet comments look like this:
/* body{ background: #000; } */
The /* and */ open and close the comment in CSS.
Hope this helps,
Brian
__
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] 2 questions
Lauri Pantos wrote: Hi. #1 what would be the advantage of defining styles in the head instead of the body? #2 is it normal that the style info looks to be commented out, but still works? http://www.somtndesign.com/contactus2ak.htm Thanks Lauri Pantos A1 - Defining styles in the head of the document allows you to define a style once instead of on each and every element (say, I want all of my top-level h2 tags to have the color #33 I could just declare it once instead of many times over). It is usually better to link to an external stylesheet though as then you can change documents depending upon situations and re-use code across pages. A2 - The comment is html style which has no effect upon css which uses C style comments: /* comments go here */ -- Thanks, Jim __ 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] 2 questions
On 5/15/07, Lauri Pantos [EMAIL PROTECTED] wrote:
Hi.
#1 what would be the advantage of defining styles in the head instead of
the body?
Hi Lauri.
I guess I'd answer 'Reusability and Maintainability' for that one.
Granted, it depends on how you are defining the styles, but if we compare
head
style type=text/css
.Highlight
{ background-color: red; }
/style
/head
vs (somewhere in the body)
div style=background-color: red;This should be highlighted/div
It seems fairly equivalent *at first sight*.
However, it is quite possible that you wish to have different elements in
the same page sharing style.
So, if I had 4 or 5 divs that need to be highlighted, I can define the
.Highlight style in the head
and apply it to all of those elements, instead of having to give each of
them their own style attribute.
The day we want to change the Highlight style from a red background to, say,
being underlined and bold text,
we can do so in a single place.
Of course, the same concept extends farther to style you wish to share
across multiple pages.
That's why I'd reccomend using external stylesheet and simply importing them
from your head element:
head
link rel=stylesheet type=text/css href=myStyles.css /
/head
(or by using an import statement, of course).
#2 is it normal that the style info looks to be commented out, but still
works?
http://www.somtndesign.com/contactus2ak.htm
Well, in that page you are 'commenting' the styles by using the HTML comment
delimiters (!-- .. --).
Those are not CSS comment delimiters, so modern browsers will still read the
CSS
and use them.
There's a bit about CSS comments over at the W3C school site:
http://www.w3schools.com/css/css_syntax.asp
Also, see this page to see how the HTML comments impac styles defined in the
page:
http://www.w3schools.com/css/css_howto.asp
HTH,
F.O.R.
__
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] Line-height problem in IE
On Tue, 15 May 2007, ~davidLaakso wrote:
FWIW, re-setting the body to:
body {font: 100%/1.5 verdana, sans-serif;}
and deleting /all/ instances of font-size: 11px;
and /all/ instances of line-height: 1.5em
makes it readable in all browsers /and/ scalable, as well, for your
primary target browser, IE.
Useful as that might be for other reasons (but please no font size wars!),
it does not seem to fix the problem that IE 6 gets the line height wrong.
You can see this more clearly if you use, for testing, a gross value like
2.5 instead of 1.5 for line-height.
--
Jukka Yucca Korpela, http://www.cs.tut.fi/~jkorpela/
__
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] Creating Actice Link
I would like to have an active link on each page as a person navigates
from page to page. All on want to do is bold the text and change the
color to #bd2925. The effect doesn't work. I don't know if this is a
problem, but I have my navigation for each section of the website in an
include file. This is what I have.
On the active page itself I have
body id=pres
The include page
ul
li id=presnava href=pres_mes.cfmPresident's Message/a/li
ulli id=histHistory of University/li
li id=missa href=mission_statement/mission.cfmMission
Statement/a/li
li id=accreda
href=accreditation/accreditation.cfmAccreditation/a/li
/ul/ul
The CSS page
body#pres a#presnav, body#hist a#histnav, body#miss a#missnav,
body#accred a#accrednav {
color: #BD2925;
font-weight: bold;
}
Steve LaBadie, Web Manager
East Stroudsburg University
200 Prospect St.
East Stroudsburg, Pa 18301
570-422-3999
[EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
http://www.esu.edu http://www3.esu.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/
Re: [css-d] Problems with Column Widths
David Hucklesby wrote: On Sun, 13 May 2007 00:27:22 -0400, Roy Anger wrote: Hi, I have a site that's still very much in development, but which I'm having one small problem with that I can't figure out. The site is at http://dev.northernfarce.com/awp/ [...] On Mon, 14 May 2007 10:53:35 -0700, Matt McCool replied: Also, if you want a consistent pixel-based margin or gutter in between all three columns, you have two options. 1) Strip all margin and padding from the #pg-whatever div's, and apply the margins (1%, 10px, whatever) to all elements inside the #pg-* divs. This can get cumbersome if you change the content inside the div's often. 2) Add an extra div to each #pg- div, so your markup would be: div id=pg- rubydiv...content.../div/div Then, apply margins to the inner div of #pg-ruby. Not as simple, and it adds an extra div, but it works well, and you'll have less headaches when you debug for ie. While option 2 means more markup, I have discovered another advantage: If you put padding on the inside DIV instead of margins, any top and bottom padding stops margins on inside elements from bleeding through. Just 1px padding will do the trick. Cordially, David Thanks Matt and David. This advice got things working the way I wanted. As for Bulletproof Web Design, the new version is prepaid so I just need to wait a couple of months for it to be released and shipped. Thanks, Roy __ 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] 100% height problems on Mac
Hi, Wonder if anyone can shed a little light on this problem. I've created a test page here: http://www.sixtyten.co.uk/sandpit/testheight.html Which includes a simple DIV with some content. HTML and BODY are set to 100% height, as well as the DIV, however when previewing in Firefox and Safari on a Mac the DIV's height only seems to be 100% of the inital browser window. When scrolling down the page it gets cut off!! Any ideas on how I can fix this? I've tried several things and nothing seems to be doing the trick Thanks Lee __ 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] Creating Actice Link
Steve LaBadie wrote: I would like to have an active link on each page as a person navigates from page to page. All on want to do is bold the text and change the color to #bd2925. The effect doesn't work. I don't know if this is a problem, but I have my navigation for each section of the website in an include file. This is what I have. You want to put your nav ids inside the a tag. See http://dev.northernfarce.com/steve/test.html for a sample. Regards, Roy __ 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] Creating Actice Link
I've not had luck doing this in pure CSS. You will possibly have to do
some server-side scripting such that as you move from page to page the
different color is read as that link/variable is selected. However,
that is not really a topic for this list. Offlist I can respond. -Bob
Steve LaBadie wrote:
I would like to have an active link on each page as a person navigates
from page to page. All on want to do is bold the text and change the
color to #bd2925. The effect doesn't work. I don't know if this is a
problem, but I have my navigation for each section of the website in an
include file. This is what I have.
On the active page itself I have
body id=pres
The include page
ul
li id=presnava href=pres_mes.cfmPresident's Message/a/li
ulli id=histHistory of University/li
li id=missa href=mission_statement/mission.cfmMission
Statement/a/li
li id=accreda
href=accreditation/accreditation.cfmAccreditation/a/li
/ul/ul
The CSS page
body#pres a#presnav, body#hist a#histnav, body#miss a#missnav,
body#accred a#accrednav {
color: #BD2925;
font-weight: bold;
}
Steve LaBadie, Web Manager
East Stroudsburg University
200 Prospect St.
East Stroudsburg, Pa 18301
570-422-3999
[EMAIL PROTECTED] mailto:[EMAIL PROTECTED]
http://www.esu.edu http://www3.esu.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-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] 100% height problems on Mac
Lee Powell wrote:
http://www.sixtyten.co.uk/sandpit/testheight.html
When scrolling down the page it gets cut off!!
You're right: html and body, and subsequently the div, are taking height
from the window - regardless of how tall that is. The text will then
overflow the div. You must replace 'height' with 'min-height', to allow
the div to grow taller when necessary.
Change...
div {
height: 100%;
width: 600px;
background-color: blue;
}
...to...
div {
min-height: 100%;
width: 600px;
background-color: blue;
}
...to make it work.
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/
Re: [css-d] The case of the disappearing content
Tom Dell'Aringa wrote: ... http://www.trugreen.com/tg/offers/contact.dsp In IE6 rollover the menus, sooner or later the page content in the white area poofs away. You can't get it back without reloading the page. ... The div class=MainContent id=mainContent (or was it MainConTent) has position:relative, but not haslayout. Add zoom:1 here (this is not valid, but the page does not validate anyhow). The rule of thumb is ... never expect a relatively positioned container to be stable without haslayout. The hovering the menu system (I did not look into it due to your description) is just the trigger, not the bug. Ingo -- http://www.satzansatz.de/css.html __ 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] Creating Actice Link
On 2007-05-15 Steve LaBadie wrote:
I would like to have an active link on each page as a person navigates
from page to page. All on want to do is bold the text and change the
color to #bd2925.
[...]
On the active page itself I have
body id=pres
[...]
ul
li id=presnava href=pres_mes.cfmPresident's Message/a/li
[...]
The CSS page
body#pres a#presnav, body#hist a#histnav, body#miss a#missnav,
body#accred a#accrednav {
color: #BD2925;
font-weight: bold;
}
With that html markup you want this for the selectors:
body#pres #presnav a,
body#pres #presnav a:visited {
color: #BD2925;
font-weight: bold;
}
HTH,
-Steve
--
Steve Axthelm
[EMAIL PROTECTED]
__
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] csshover.htc question
Hi there. I have a website in which I use the csshover.htc behavior. It works great in Firefox and IE 7, but it doesn't work at all in IE6 and I have no idea why. Here is the site www.2393parkplace.com Here is the css http://www.2393parkplace.com/styles/homepage.css Any help at all would be greatly appreciated! Sara __ 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] firefox display problems - need urgent help
On this site http://www.whsfoundation.org/ when I click around within the site in Firefox often the right and left column are empty because the content drops to the bottom. This didn't happen on my demo sever http://www.liztestsite.com/indexTest.shtml. Any ideas of what I can do? Thanks, Liz __ 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] firefox display problems - need urgent help
Firefox 2.0.3 here; I don't see the problem you're referring to. Can you point to a specific URL URL where you're seeing the bug? __ 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] firefox display problems - need urgent help
Liz wrote: On this site http://www.whsfoundation.org/ when I click around within the site in Firefox often the right and left column are empty because the content drops to the bottom. This didn't happen on my demo sever http://www.liztestsite.com/indexTest.shtml. Any ideas of what I can do? Thanks, Liz I couldn't find any problems with FF 2.0.0.3 on Mac. There is a definite re-draw of the left navigation contents, but they stay put. I'm running at 1920x1200 - I don't know if that has anything to do with it or not. Even seems to work with JavaScript disabled. Lori __ 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] firefox display problems - need urgent help
It is worse on the Mac Firefox but on the pc it happens on http://www.whsfoundation.org/calendar.shtml and http://www.whsfoundation.org/donate.shtml Try clicking back and forth between a few links on the site. It happens more often after coming from another page in the site. My PC Mac Firefox version is 1.5.0.11. When I check for updates it says there are no new ones. Liz On 5/15/07 4:32 PM, Brian Crescimanno [EMAIL PROTECTED] wrote: Firefox 2.0.3 here; I don't see the problem you're referring to. Can you point to a specific URL URL where you're seeing the bug? __ 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] csshover.htc question
Hi there. I have a website in which I use the csshover.htc behavior. It works great in Firefox and IE 7, but it doesn't work at all in IE6 and I have no idea why. Here is the site www.2393parkplace.com Here is the css http://www.2393parkplace.com/styles/homepage.css Any help at all would be greatly appreciated! Sara __ 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] firefox display problems - need urgent help
Please try clicking around from page to page within the site and particularly go to the calendar page and the donation page. It seems to happen more there. On 5/15/07 4:35 PM, Lori Lay [EMAIL PROTECTED] wrote: Liz wrote: On this site http://www.whsfoundation.org/ when I click around within the site in Firefox often the right and left column are empty because the content drops to the bottom. This didn't happen on my demo sever http://www.liztestsite.com/indexTest.shtml. Any ideas of what I can do? Thanks, Liz I couldn't find any problems with FF 2.0.0.3 on Mac. There is a definite re-draw of the left navigation contents, but they stay put. I'm running at 1920x1200 - I don't know if that has anything to do with it or not. Even seems to work with JavaScript disabled. Lori __ 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] firefox display problems - need urgent help
Liz wrote: On this site http://www.whsfoundation.org/ when I click around within the site in Firefox often the right and left column are empty because the content drops to the bottom. This didn't happen on my demo sever http://www.liztestsite.com/indexTest.shtml. Any ideas of what I can do? Thanks, Liz I couldn't find any problems with FF 2.0.0.3 on Mac. There is a definite re-draw of the left navigation contents, but they stay put. I'm running at 1920x1200 - I don't know if that has anything to do with it or not. Even seems to work with JavaScript disabled. Lori I'm running WinXP/SP2 and FF2.0.0.3 at 1024 x 768 on a 17 monitor. Similar to what Lori said, there is a lag when the left column draws, but otherwise, everything stays put...until one bump up in font size causes the last nav item to drop down one line, which shoves the whole content off the right side of the page. This even happens if I increase the view port to 1280 x 1024. Reducing the font size does not break the layout. The drop down menu rendering seems a tag slow. Also, the Publication links open .pdf's without warning and both the Publication and Links links unexpectedly open a new window. IMO (only) the former is simply annoying, the latter is bad behavior. Regardless, my initial impression of the site when first opened is that it is visually pleasing and well laid out. Cheers, Peter www.fatpawdesign.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] firefox display problems - need urgent help
From: Liz Sent: Tuesday, May 15, 2007 6:41 PM Please try clicking around from page to page within the site and particularly go to the calendar page and the donation page. It seems to happen more there. On 5/15/07 4:35 PM, Lori Lay [EMAIL PROTECTED] wrote: Liz wrote: On this site http://www.whsfoundation.org/ when I click around within the site in Firefox often the right and left column are empty because the content drops to the bottom. This didn't happen on my demo sever http://www.liztestsite.com/indexTest.shtml. Any ideas of what I can do? Thanks, Liz I couldn't find any problems with FF 2.0.0.3 on Mac. There is a definite re-draw of the left navigation contents, but they stay put. I'm running at 1920x1200 - I don't know if that has anything to do with it or not. Even seems to work with JavaScript disabled. Liz, Just so you don't think you're going crazy -- I did see this the very first time I loaded the page, but have not been able to make it happen since (left column was not empty, but was below all text in calendar table - http://www.whsfoundation.org/calendar.shtml). FireFox 1.5.0.11 --G __ 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] firefox display problems - need urgent help
Liz wrote: It is worse on the Mac Firefox but on the pc it happens on http://www.whsfoundation.org/calendar.shtml and http://www.whsfoundation.org/donate.shtml Try clicking back and forth between a few links on the site. It happens more often after coming from another page in the site. My PC Mac Firefox version is 1.5.0.11. When I check for updates it says there are no new ones. Liz On 5/15/07 4:32 PM, Brian Crescimanno [EMAIL PROTECTED] wrote: Firefox 2.0.3 here; I don't see the problem you're referring to. Can you point to a specific URL URL where you're seeing the bug? Confirmed under FF 1.5/Win and FF 2.0/Win. Not a problem under FF 2/Mac. You have to go to Mozilla.com to install FF2. It's a major upgrade, so it's not part of the regular updates. FF 1.5 is still being supported. Since it works under the Mac and not under Win, I'd have a closer look at your font sizes. Also, even when it screws up, hitting the refresh button fixes it - as if there is something that it can't quite figure out on the initial load. I'll have a bit more of a look, but you might want to use Firebug to double-check your widths and padding on your divisions, if you haven't done so already. Lori __ 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] firefox display problems - need urgent help
Lori Lay wrote: Liz wrote: It is worse on the Mac Firefox but on the pc it happens on http://www.whsfoundation.org/calendar.shtml and http://www.whsfoundation.org/donate.shtml Try clicking back and forth between a few links on the site. It happens more often after coming from another page in the site. My PC Mac Firefox version is 1.5.0.11. When I check for updates it says there are no new ones. Liz On 5/15/07 4:32 PM, Brian Crescimanno [EMAIL PROTECTED] wrote: Firefox 2.0.3 here; I don't see the problem you're referring to. Can you point to a specific URL URL where you're seeing the bug? Confirmed under FF 1.5/Win and FF 2.0/Win. Not a problem under FF 2/Mac. You have to go to Mozilla.com to install FF2. It's a major upgrade, so it's not part of the regular updates. FF 1.5 is still being supported. Since it works under the Mac and not under Win, I'd have a closer look at your font sizes. Also, even when it screws up, hitting the refresh button fixes it - as if there is something that it can't quite figure out on the initial load. I'll have a bit more of a look, but you might want to use Firebug to double-check your widths and padding on your divisions, if you haven't done so already. Lori Do you need the display: table on the content division? In one of the times that the problem manifested itself, I removed display:table using Firebug from the content division and it corrected itself. Mind you, Firebug redraws the screen when you change the CSS, so I may be way off base here. However, I didn't see any difference in the layout with display:table removed, so I wonder if you need it. Certainly IE doesn't understand that anyway. Just a thought. Lori __ 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] firefox display problems - need urgent help
I'm running WinXP/SP2 and FF2.0.0.3 at 1024 x 768 on a 17 monitor. Similar to what Lori said, there is a lag when the left column draws, but otherwise, everything stays put...until one bump up in font size causes the last nav item to drop down one line, which shoves the whole content off the right side of the page. This even happens if I increase the view port to 1280 x 1024. Reducing the font size does not break the layout. The drop down menu rendering seems a tag slow. Also, the Publication links open .pdf's without warning and both the Publication and Links links unexpectedly open a new window. IMO (only) the former is simply annoying, the latter is bad behavior. Regardless, my initial impression of the site when first opened is that it is visually pleasing and well laid out. Cheers, Peter www.fatpawdesign.com Odd, I just downloaded the latest for both browsers and still have same problem on all but home page on both Mac and PC. Strange that this doesn't happen on my test site http://www.liztestsite.com/indexTest.shtml. If it had I would have fixed it before making it live. I wonder if there is something different about the servers. Re the font sizes -- on the left, they are all the same except for the dropdowns which are smaller. Maybe the percentages are not good. I will look in there more closely to see if there is something I messed up with all my experimenting. I will also experiment with the font sizes and Firebug as suggested. Thank you all for your help. Liz Liz __ 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] firefox display problems - need urgent help
Do you need the display: table on the content division? In one of the times that the problem manifested itself, I removed display:table using Firebug from the content division and it corrected itself. Mind you, Firebug redraws the screen when you change the CSS, so I may be way off base here. However, I didn't see any difference in the layout with display:table removed, so I wonder if you need it. Certainly IE doesn't understand that anyway. Just a thought. Lori I think I needed the display table for either the right column to stay put or maybe it was the background image -- I forget now but will experiment with not using it. Thanks, Liz __ 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] firefox display problems - need urgent help
I'm running WinXP/SP2 and FF2.0.0.3 at 1024 x 768 on a 17 monitor. Similar to what Lori said, there is a lag when the left column draws, but otherwise, everything stays put...until one bump up in font size causes the last nav item to drop down one line, which shoves the whole content off the right side of the page. This even happens if I increase the view port to 1280 x 1024. Reducing the font size does not break the layout. The drop down menu rendering seems a tag slow. Also, the Publication links open .pdf's without warning and both the Publication and Links links unexpectedly open a new window. IMO (only) the former is simply annoying, the latter is bad behavior. Regardless, my initial impression of the site when first opened is that it is visually pleasing and well laid out. Cheers, Peter www.fatpawdesign.com Odd, I just downloaded the latest for both browsers and still have same problem on all but home page on both Mac and PC. Strange that this doesn't happen on my test site http://www.liztestsite.com/indexTest.shtml. If it had I would have fixed it before making it live. I wonder if there is something different about the servers. Re the font sizes -- on the left, they are all the same except for the dropdowns which are smaller. Maybe the percentages are not good. I will look in there more closely to see if there is something I messed up with all my experimenting. I will also experiment with the font sizes and Firebug as suggested. Thank you all for your help. Liz Liz: I changed the font sizes using the FF text-size tool. See http://www.fatpawdesign.com/textresize.jpg Maybe obvious, but maybe not. So this is a client-side (tex) styling technique you'll have to accomodate (or not). I haven't looked at the html or style sheet, but probably more important than the actual font size is how the site degrades when they are changed. If the site changes form gracefully, the font size may not be so important. Good Luck, Peter __ 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] Getting things lined up
I am trying to redo my site without tables and I am working on the
template for the layout. The main banner of the page has two images that
go together for a total of 800 px wide. The first one is taller than the
one to the right of it and the navigation buttons (css of course) are
under it. Right now it is not lining up.
here is the code: (I included the CSS and the direct links to the image
files)
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
style type=text/css
body { background-color: rgb(0, 102, 0);
color: rgb(0, 153, 0)
}
#container {
width: 800px;
\width: 820px;
w\idth: 800px;
border: 1px solid gray;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}
#banner {
padding: 0;
margin-bottom: ;
background-color: rgb(213, 219, 225);
}
#content {
padding: 0;
background-color: gray;
}
#footer {
clear: both;
padding: 0;
margin-top: ;
background-color: rgb(213, 219, 225);
}
#navlist ul { margin-left: 0pt;
padding-left: 0pt;
white-space: nowrap;
}
#navlist li { display: inline;
list-style-type: none;
}
#navlist a { padding: 3px 10px;
}
#navlist a:link, #navlist a:visited { color: rgb(255,
255, 255);
background-color: rgb(0, 51, 102);
text-decoration: none;
}
#navlist a:hover { color: rgb(255, 255, 255);
background-color: rgb(51, 102, 153);
text-decoration: none;
}
/style
/head
body
div id=container
div id=banner
img style=width: 252px; height: 310px;
alt=Valdosta Webmaster
src=http://www.valdostawebmaster.com/images/top_page_01.png; /
img style=width: 548px; height: 169px;
alt=making websites since 1997
src=http://www.valdostawebmaster.com/images/top_page_02.png; /
div id=navcontainer
ul id=navlist
lia href=index.php title=HomeHome/a/li
lia href=design.php
title=DesignDesign/a/li
lia href=hosting.php
title=HostingHosting/a/li
lia href=portfolio.php
title=PortfolioPortfolio/a/li
lia href=contact.php
title=ContactContact/a/li
/ul
/div
/div
div id=contentnbsp;/div
div id=footernbsp;/div
/div
/body
/html
Alan Dunbar
__
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] firefox display problems - need urgent help
Do you need the display: table on the content division? In one of the times that the problem manifested itself, I removed display:table using Firebug from the content division and it corrected itself. Mind you, Firebug redraws the screen when you change the CSS, so I may be way off base here. However, I didn't see any difference in the layout with display:table removed, so I wonder if you need it. Certainly IE doesn't understand that anyway. Just a thought. Lori Lori, Thank you so much for your suggestion, that fixed it! I had display table on both the content and page styles. When I took it off of both it fixed the problem. I never would have thought of that. Styling with CSS is still mostly a mystery to me but thanks to the help of the list I'm slowly figuring it out. Thank you others who helped also -- I will also take a closer look at my font sizes. Liz __ 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] Inline Image 4px Gap
This is probably really basic, but can anyone tell me why there is a 4px gap between inline images. Padding and margins set to 0 and still the gap persists. I've searched through the archive and see references to it, and obviously if you float the images the gap disappears, but I'm curious as to why this occurs. Here is my test case: http://www.stammbt.com/testing/css/inline_images/ Anyway, no big deal, but if anyone can point me to an answer I'd be curious to find out more. Thanks, Nate Kresse __ 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] Banner and Menu problems
Hi All This is a new site for me and I am having difficulty with the best way forward. I am trying to create a site where the nav is suckerfish and is placed right at the top of the site. Then there is a banner spread right across the monitor and finally the site content. The site is 760px wide with margin set to 0 auto. And here is the link: http://testbed.cregy.co.uk/ http://testbed.cregy.co.uk/wp-content/themes/sgafluid/style.css The problem I am having is how to set the banner fully across the page. I have placed the width and margin values on three divs; navcontainer, header and wrapper. Then placed a repeating image in the header so that I get the banner. However, this image overlaps into the navcontainer div, so I need to set a height. As soon as I do that, if anyone increases the text size then I run into problems. Any idea on how I achieve this please and keep the site accessible. Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] csshover.htc question
On Tue, 15 May 2007 15:07:55 -0700, sara citrenbaum wrote: Hi there. I have a website in which I use the csshover.htc behavior. It works great in Firefox and IE 7, but it doesn't work at all in IE6 and I have no idea why. Here is the site www.2393parkplace.com [...] Hi Sara, This problem is a subtle one. I assume you are looking at this on a Windows xp system with SP2 installed. That is, on a fairly up-to-date PC. A change occurred with SP2 that requires your host site to send .htc files with a MIME type of text/x-component -- Opera is telling me that yours is being sent as text/plain. For details, see this post at Aldo's blog: http://www.hoeben.net/node/33 Cordially, David -- __ 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] Problem with dropdown menu - link widths different in Firefox and IE
This is the third time I have sent this to the list the past almost 11
hours, and it still hasn't shown up. I see it in the archives on the
web site, but it hasn't made it to the e-mail list. Any idea what's
going on?
-- Forwarded message --
From: Brooke Nelson [EMAIL PROTECTED]
Date: May 15, 2007 12:35 PM
Subject: Problem with dropdown menu - link widths different in Firefox and IE
To: css-d@lists.css-discuss.org
I am having a problem with my dropdown menu. For each item in the
horizontal menu, I want the width of the link to be variable, based on
the width of the text, plus 12px padding on the right and left. This
works in Firefox, but in IE6, the width is the same for each item
(96px, I believe). What is it in my CSS that I have to change to make
it display correctly in IE?
Here is the page:
http://brookenelson.com/statescape/test/StateScape.html
Here is the CSS (the relevant section is under /* NEW HORIZONTAL NAV BAR */):
http://brookenelson.com/statescape/test/style.css
Here is the Firefox and IE screenshots compared:
http://brookenelson.com/statescape/test/screenshot1.jpg
This is the relevant CSS, but I have a feeling it's something else in
the CSS that is causing this, so please look at the full CSS linked
above:
.menu ul li {
float:left;
height:24px;
line-height:24px;
display:block;
}
.menu a, .menu a:visited {
display:block;
float:left;
height:100%;
font-family: verdana;
font-size:10px;
font-weight: bold;
text-decoration:none;
color:#ff;
background:#3D539C url(navbg.gif);
padding:0 12px;
margin: 0;
}
By the way, the menu is based on ones from here:
http://www.cssplay.co.uk/menus/index.html
__
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] Inline Image 4px Gap
On Tue, 15 May 2007 20:48:45 -0500, Nate Kresse wrote: This is probably really basic, but can anyone tell me why there is a 4px gap between inline images. Padding and margins set to 0 and still the gap persists. I've searched through the archive and see references to it, and obviously if you float the images the gap disappears, but I'm curious as to why this occurs. Here is my test case: http://www.stammbt.com/testing/css/inline_images/ Simple. You have spaces between each image. Try adding an HTML comment between each IMG tag, or put them all on one line without spaces between. Did you have a CSS question? Cordially, David -- __ 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] 100% height problems on Mac
Hi Georg Unfortunately that doesn't seem to fix it when I test it in Safari or Firefox on a mac... Any other ideas? Lee On 15 May 2007, at 21:34, Gunlaug Sørtun wrote: Georg __ 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/
