[css-d] A problem on safari
Could someone check this page on Mac/Safari, please, and tell me whether the content is being 'floated' (?) way off to the right (and if so why, if possible). http://www.holidaymullandiona.co.uk/sealife/whales.php It's OK in FF3, IE7, and IE6. A colleague reports the problem in Mac/Safari, but I have no means of viewing it myself. Tim __ 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] A problem on safari
Philippe Wittenbergh wrote: On Oct 16, 2008, at 5:47 PM, Tim Dawson wrote: Could someone check this page on Mac/Safari, please, and tell me whether the content is being 'floated' (?) way off to the right (and if so why, if possible). http://www.holidaymullandiona.co.uk/sealife/whales.php #txtcol {clear:both} I'm not clear exactly what Safari/WebKit is doing. From a quick look: the orange nav is 760px wide (on purpose ?), the wrapper (outer) is 770px wide and Safari puts the #txtcol inside that 10px gap. Of course it overflows to the right. Philippe --- Thanks, Philippe and Martin. Martin: I'd better get myself set up with Safari for Windows pdq. Philippe: div#nav is set to 770px in sfnav.css, I can't see any other setting (nor should there be one), but I agree it would be a problem if it were 760px. Where are you getting this value from ? No margins or padding on div#nav either, although there is inside the lis. I had #txtcol {clear: both;} originally, but it seemed to cause some other problem. Unfortunately my notes don't tell me, so I'll put it back and see ! Tim -- Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP __ 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] A problem on safari
Philippe Wittenbergh wrote: On Oct 16, 2008, at 5:47 PM, Tim Dawson wrote: Could someone check this page on Mac/Safari, please, and tell me whether the content is being 'floated' (?) way off to the right (and if so why, if possible). http://www.holidaymullandiona.co.uk/sealife/whales.php #txtcol {clear:both} I'm not clear exactly what Safari/WebKit is doing. From a quick look: the orange nav is 760px wide (on purpose ?), the wrapper (outer) is 770px wide and Safari puts the #txtcol inside that 10px gap. Of course it overflows to the right. Philippe I installed Safari for Windows, and was able to see the effect. #txtcol {clear:both} seems to have fixed it, but IE7 then made a very tall thin column. Removing #txtcol {width: auto;} fixed that, so I think the problem is resolved. I still can't see anywhere that div#nav is set to 760px wide. Thank you for your help. Tim -- Tim Dawson Maolbhuidhe Fionnphort Isle of Mull PA66 6BP __ 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] drop down menus/flash
Thanks for the advice - unfortunately none of it has worked for me! I've give the elements of the dropdown menus higher z-index numbers than the flash player and tried the wmode param on the flash player and neither seem to work (at least on FF3 on ubuntu). I know there seems to be some FF/Flash problems could some check if the menus are coming down in front of the flash player on other operating systems? http://www.slrecords.net/test_videos.php Or do I just have to accept that at the moment you can't get drop down menus to drop in front of a flash player?? Thanks again, Ed Ed Pybus wrote: Hi, Can anyone help me get my dropdown menus coming down in front of a flash player rather than behind it? http://www.slrecords.net/test_videos.php CSS here http://www.slrecords.net/css/master2.css This is my first website so and other comments/improvements/criticisms welcome. Thanks, Ed __ 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/ -- -- S LR E C O R D S +44 (0) 131 466 2009 +44 (0) 7930 536 963 [EMAIL PROTECTED] -- __ 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] A problem on safari
On Oct 16, 2008, at 8:17 PM, Tim Dawson wrote: Philippe Wittenbergh wrote: On Oct 16, 2008, at 5:47 PM, Tim Dawson wrote: Could someone check this page on Mac/Safari, please, and tell me whether the content is being 'floated' (?) way off to the right (and if so why, if possible). http://www.holidaymullandiona.co.uk/sealife/whales.php #txtcol {clear:both} I'm not clear exactly what Safari/WebKit is doing. From a quick look: the orange nav is 760px wide (on purpose ?), the wrapper (outer) is 770px wide and Safari puts the #txtcol inside that 10px gap. Of course it overflows to the right. Philippe I installed Safari for Windows, and was able to see the effect. #txtcol {clear:both} seems to have fixed it, but IE7 then made a very tall thin column. Removing #txtcol {width: auto;} fixed that, so I think the problem is resolved. I still can't see anywhere that div#nav is set to 760px wide. Thank you for your help. When I originally loaded the page, The Webkit Inspector reported 760px for that orange bar. I don't remember the name of the stylesheet. I reloaded the page now, and it reports 770px. The clear:both on the #txtcol is not necessary anymore, although safe to add. Philippe --- Philippe Wittenbergh http://l-c-n.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] A problem on safari
Raoul Snyman wrote: Hi Tim, On Thu, 16 Oct 2008 09:47:52 +0100, Tim Dawson [EMAIL PROTECTED] wrote: Could someone check this page on Mac/Safari, please, and tell me whether the content is being 'floated' (?) way off to the right (and if so why, if possible). http://www.holidaymullandiona.co.uk/sealife/whales.php It's OK in FF3, IE7, and IE6. A colleague reports the problem in Mac/Safari, but I have no means of viewing it myself. I've taken a screenshot, it's attached. Thanks, Raoul, that's what my colleague reported. All the content is appearing outside the (intended) page, to the right. It feels like a float gone wrong. My problem is to determine why when I can't reproduce it on any machine I've got. Tim __ 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] drop down menus/flash
http://www.slrecords.net/test_videos.php Or do I just have to accept that at the moment you can't get drop down menus to drop in front of a flash player?? No, the scriupt is the culprit. Even Dreamweaver gets this wrong out of the box. Use [1]swfObject, as follows: Include swfobject in the head of your document: script type=text/javascript language=javascript src=path/to/swfObject.js/script In your HTML, for the flash piece: div id=wrapper div id=slideshow/div script type=text/javascript language=javascript var so = new SWFObject('path/to/flashFile.swf','slideshow',700,400,8,'#ff'); so.addParam('quality','high'); so.addParam('wmode','transparent'); so.write('Slideshow'); /script /div Note: div id=slideshow/div is where the SWF will appear/be injected. The ID can be whatever you'd like, but that ID must match up in the code right after the path. 700 is the width 400 is the height 8 is the version to detect Also, make srure you set z-index where necessary. [1] http://code.google.com/p/swfobject/ __ 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] A problem on safari
Philippe Wittenbergh wrote: On Oct 16, 2008, at 8:17 PM, Tim Dawson wrote: Philippe Wittenbergh wrote: On Oct 16, 2008, at 5:47 PM, Tim Dawson wrote: Could someone check this page on Mac/Safari, please, and tell me whether the content is being 'floated' (?) way off to the right (and if so why, if possible). http://www.holidaymullandiona.co.uk/sealife/whales.php #txtcol {clear:both} I'm not clear exactly what Safari/WebKit is doing. From a quick look: the orange nav is 760px wide (on purpose ?), the wrapper (outer) is 770px wide and Safari puts the #txtcol inside that 10px gap. Of course it overflows to the right. Philippe I installed Safari for Windows, and was able to see the effect. #txtcol {clear:both} seems to have fixed it, but IE7 then made a very tall thin column. Removing #txtcol {width: auto;} fixed that, so I think the problem is resolved. I still can't see anywhere that div#nav is set to 760px wide. Thank you for your help. When I originally loaded the page, The Webkit Inspector reported 760px for that orange bar. I don't remember the name of the stylesheet. I reloaded the page now, and it reports 770px. The clear:both on the #txtcol is not necessary anymore, although safe to add. Philippe Thanks. The problem wasn't the absence of {clear: both;}, but the presence of {float: none;}. The other browsers were happy, but not Safari. I'd better get myself 'Webkit Inspector' now. I've found the nightly builds at webkit.org. Is that it, or is there a released stable version ? Tim __ 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] drop down menus/flash
Ed Pybus wrote: ... could some check if the menus are coming down in front of the flash player on other operating systems? http://www.slrecords.net/test_videos.php Seems to be working as intended in all browsers on windows 2000/XP/Vista and on Mac OSX - dropdown gets in front of flash. As you have observed: no good in any browser on Ubuntu. 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] centring in IE7 and Sharepoint aspx master pages
Hi, I'm working on a design at the moment using the width + margin: auto; trick to centre the main container (in this case a table, ick, because i'm adapting a Sharepoint master page and dont want to go through too much hell figuring it out from scratch. My design works beautifully in Firefox - I begin the table tag just after the body tag and before the form tag on the aspx page, set width to 80% and margin-auto. This has the effect of centring my table in Firefox but aligning it left in IE7. Unfortunately its on a login-protected intranet site so unless a demo is needed I can really only describe the problem at this stage. thanks iriXx __ 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] Newbie question on IE 7 menu bug
I am working on a template for the redesign of my city's website. I'm using Bill Brown's 'The Holier Grail' as the base css for the framework, and have added one of Stu Nicholl's menus. It works beautifully in FF, but not in IE 7 (haven't tested 6 yet). I'm wondering if someone could point me to which one of the 170 or so IE 7 bugs I might be dealing with here: http://dev.greatergreenville.com/csstesting/default3column.aspx Thank you, MJ MJ Kewley Web Manager City of Greenville 864-467-4584 www.greatergreenville.com Email messages sent to and from the City of Greenville may be subject to discovery under the S.C. Freedom of Information Act. __ 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] Suckerfish issue in IE6
Hello CSS folks, I'm having a heck of a time debugging a suckerfish menu for IE6, and was looking for some input. test/sample page is here: http://www.irregulara.org/test/dosing.htm relevant CSS is here: http://www.irregulara.org/test/css/nav.css http://www.irregulara.org/test/css/main.css http://www.irregulara.org/test/css/ie.css http://www.irregulara.org/test/css/reset.css Originally I thought this was a float clearing issue, but after stripping out everything but the menu, it still is getting mangled. thanks, /scott johnson /irregulara medialab __ 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] Form layout
Can someone point me to a good online tutorial describing various techniques for tableless form layout? I have found the techniques described in this A List Apart Article very helpful. http://www.alistapart.com/articles/prettyaccessibleforms/ If possible, I'd like to create some forms that would allow me to use CSS to switch between two common layouts - one in columns and the other line-oriented. That is: Name [ ] Email [ ] Name [ ] Email [ ] Under the styling the form section, I think you can change the selector for form.cmxform label display from inline-block to block to meet your second example. form.cmxform label { display: inline-block; Change to block; line-height: 1.8; vertical-align: top; } Hope this helps, Jason Snipes NOTE: This is a Forsyth County operated e-mail system. ALL e-Mail communication is subject to be accessed by the news media and the public pursuant to the Public Records Law of North Carolina. __ 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] Moving Layout
Adam Stemple wrote: www.passivepokerincome.com Hovering over login reveals the login using overflow:hidden. In IE it works fine, but in FF it shifts the whole layout over. Thanks. See this article on correcting short page shift: http://www.communitymx.com/content/article.cfm?cid=528A0 -- A thin red line and a salmon-color ampersand forthcoming. 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/
[css-d] Left column problems in IE 6 @ 800x600
Greetings, IE 6 reduces the left margin enough to knock the left column navigation to the bottom at resolution of 800x600 http://epicroadtrips.us/2007/summer/california/ http://epicroadtrips.us/2007/summer/california/ert_index_style.css It is OK in FF 3.0.3 and Opera 9.5 HTML validates except for ID error which is in the PHP menu. Error Line 203, Column 8: ID currentpage already defined. li id=currentpagea href='index.php'strongW/strongednesday - September Any ideas on how to fix this? Thanks, -Mike __ 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] SEO, MetaTags what is the best method?
I have a question, what is best for search engines metatags ? I am a bit in the dark on what is best to include for search engines. I don't expect to be googles first page ranking just like many out there to be found, instead of being the needle in the haystack being the orange in the haystack. __ 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] Cleaning up unused style sheets!
Hello, anyone know a quick method maybe a program or a technique to clean up style sheets that have declarations within them that are not used ? __ 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] SEO, MetaTags what is the best method?
Don't flame me please, I'm sorry just wanted to ask the question ! (Now has high anxiety that he will be flammed) Thank you for the information Erwan. On 10/16/08, Erwan Deverre [EMAIL PROTECTED] wrote: Hi Majestic, prepare to be shot down in flames since this is rather off topic. Incidentally, a clean coherent HTML structure held by crisp CSS helps a lot more than any meta tag could do: those have been worked on for 12/15 years now, and chances are that many have more experience than you do. Clean code, on the other hand, is quite rare and that's where you can feel the difference. Anyway, Google et al. give prominence to code and backlinks over meta tags, though the latter help a bit for less performant engines. Try to keep on focus in your description keywords, and don't fool the potential visitor with high-value keywords. He'll hate it if you lie to him. hth Erwan Majestic wrote: I have a question, what is best for search engines metatags ? I am a bit in the dark on what is best to include for search engines. I don't expect to be googles first page ranking just like many out there to be found, instead of being the needle in the haystack being the orange in the haystack. __ 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] DocType on page question.
I have come across some pages that do not used a DocType so does that mean you don't need a Doctype on a page and if so how do these pages work around this so that there page validates ? __ 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] Cleaning up unused style sheets!
Oh, sweet thank you so much.. On 10/16/08, Christian Heilmann [EMAIL PROTECTED] wrote: Majestic wrote: Hello, anyone know a quick method maybe a program or a technique to clean up style sheets that have declarations within them that are not used ? There's Dust Me Selectors: http://www.sitepoint.com/blogs/2007/11/26/dust-me-selectors-version-20/ __ 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] DocType on page question.
2008/10/16 Majestic [EMAIL PROTECTED]: I have come across some pages that do not used a DocType so does that mean you don't need a Doctype on a page The Doctype is mandatory in most versions of HTML. Documents served as text/html with no Doctype trigger Quirks modes in browsers which leads to much inconsistency and pain. and if so how do these pages work around this so that there page validates ? In theory, another system of validation could be used - such as an XML schema. -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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] Cleaning up unused style sheets!
Majestic wrote: Hello, anyone know a quick method maybe a program or a technique to clean up style sheets that have declarations within them that are not used ? There's Dust Me Selectors: http://www.sitepoint.com/blogs/2007/11/26/dust-me-selectors-version-20/ __ 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] A problem on safari
It's OK in FF3, IE7, and IE6. A colleague reports the problem in Mac/Safari, but I have no means of viewing it myself. I just checked in Windows Safari 3.0.3 - same Problem there. You can get it here: http://www.apple.com/safari/download/ __ 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] ADMIN: SEO, MetaTags what is the best method?
At 10:46 AM -0400 10/16/08, Majestic wrote: I have a question, what is best for search engines metatags ? I am a bit in the dark on what is best to include for search engines. I don't expect to be googles first page ranking just like many out there to be found, instead of being the needle in the haystack being the orange in the haystack. This is entirely (and multiply) off-topic for a CSS discussion list, so the thread needs to end now, before it starts. Thank you. -- 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 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] A problem on safari
On Oct 16, 2008, at 5:47 PM, Tim Dawson wrote: Could someone check this page on Mac/Safari, please, and tell me whether the content is being 'floated' (?) way off to the right (and if so why, if possible). http://www.holidaymullandiona.co.uk/sealife/whales.php #txtcol {clear:both} I'm not clear exactly what Safari/WebKit is doing. From a quick look: the orange nav is 760px wide (on purpose ?), the wrapper (outer) is 770px wide and Safari puts the #txtcol inside that 10px gap. Of course it overflows to the right. Philippe --- Philippe Wittenbergh http://l-c-n.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] Newbie question on IE 7 menu bug
MJ Kewley wrote: ... I'm wondering if someone could point me to which one of the 170 or so IE 7 bugs I might be dealing with here: http://dev.greatergreenville.com/csstesting/default3column.aspx Stu Nicholl's menu isn't complete for IE7. Add... .globalmenu ul li { position: relative; } .globalmenu ul ul li { position: static; } ...so IE7 knows what to position dropdowns in relation to, while keeping the dropdown-stacking correct. Next, delete... .fixed-wide-none { width: auto!important; width: 800px; } ...so that container can flex properly in IE6. That will make both IE7 and IE6 behave reasonably well. The missing /ul... http://validator.w3.org/check?uri=http%3A%2F%2Fdev.greatergreenville.com%2Fcsstesting%2Fdefault3column.aspxcharset=%28detect+automatically%29doctype=Inliness=1group=0user-agent=W3C_Validator%2F1.591 ...isn't critical for performance, but should be fixed. 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] A problem on safari
Tim Dawson wrote: Could someone check this page on Mac/Safari, please, and tell me whether the content is being 'floated' (?) way off to the right (and if so why, if possible). http://www.holidaymullandiona.co.uk/sealife/whales.php It's OK in FF3, IE7, and IE6. A colleague reports the problem in Mac/Safari, but I have no means of viewing it myself. Here's one way to check with different browsers: http://browsershots.org/ Att: They only let you do one check per day. -- Vahis http://waxborg.servepics.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] DocType on page question.
Majestic wrote: I have come across some pages that do not used a DocType so does that mean you don't need a Doctype on a page Only IE (and the validator) needs a doctype... http://www.gunlaug.no/contents/wd_additions_34.html ...although most web designers need a doctype to assure some consistency across browser-land. and if so how do these pages work around this so that there page validates ? Generally: they don't. 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] Left column problems in IE 6 @ 800x600
Mike Breiding wrote: IE 6 reduces the left margin enough to knock the left column navigation to the bottom at resolution of 800x600 http://epicroadtrips.us/2007/summer/california/ http://epicroadtrips.us/2007/summer/california/ert_index_style.css Any ideas on how to fix this? Thanks, -Mike Mike, the difficulty may be pixel width wrappers contained within a percent width parent wrapper-- affects all browsers at a narrow window, but only IE/6 drops the left nav. Aside: the above uri for the style sheet does not point to the actual style sheet in use. In the head of the document replace these styles: #intro {margin-left: 50px; margin-bottom: -5px} #intro p{width: 450px;} img {margin-top: 20px; margin-bottom:0} with these styles: #intro { border:1px solid red;/*test only*/ } #intro p{margin: 0 25%;} #intro img {max-width: 95%; display: block; margin: 10px auto;} * html #intro img {width: 95%;} In your external style sheet php-nav-index_style.css replace these styles: #anchor {width: 100%; margin: 20px 0 15px 0;padding:} #anchor blockquote p {color: #804000;font-size: 95%; margin-left: -30px} With these styles: #anchor {width: 100%; margin: 20px 0 15px 0;} #anchor blockquote p {color: #804000;font-size: 95%; margin: 0 20%;} -- A thin red line and a salmon-color ampersand forthcoming. 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] centring in IE7 and Sharepoint aspx master pages
miriam clinton (iriXx) wrote: Hi, I'm working on a design at the moment using the width + margin: auto; trick to centre the main container (in this case a table, ick, because i'm adapting a Sharepoint master page and dont want to go through too much hell figuring it out from scratch. My design works beautifully in Firefox - I begin the table tag just after the body tag and before the form tag on the aspx page, set width to 80% and margin-auto. This has the effect of centring my table in Firefox but aligning it left in IE7. thanks iriXx Dunno. Try: body div id=anchor table whatever else you got /div!--/anchor-- /body css body {text-align: center;} #anchor {width: 80%; margin: 0 auto;text-align: left;} -- A thin red line and a salmon-color ampersand forthcoming. 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] Moving Layout
This is a great article. I was having the same problem with short pages. I had previously put a min-height in my footer which had a transparent background and forced a scrollbar on each page, but this , min-height: 100%; margin-bottom: 1px; , works better. Nancy On Thu, Oct 16, 2008 at 10:26 AM, David Laakso [EMAIL PROTECTED] wrote: Adam Stemple wrote: www.passivepokerincome.com Hovering over login reveals the login using overflow:hidden. In IE it works fine, but in FF it shifts the whole layout over. Thanks. See this article on correcting short page shift: http://www.communitymx.com/content/article.cfm?cid=528A0 -- A thin red line and a salmon-color ampersand forthcoming. 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/ __ 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] not aligning in MSIE6
Goss Ito wrote: while in other browsers it seems to work perfectly, in IE6 the id container of the rating system is pushed under the span http://www.newdawnmedialtd.com/dev/jacquesbasilephotographie/ Delete... .post-ratings { width:100%;} ...since IE6 fails to see what to calculate 100% of, and therefore makes the element as wide as it can - too wide in your case. Alternatively, add... * html .post-ratings {width: 80px;} ...to give IE6 a clear message. 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] Left column problems in IE 6 @ 800x600
David Laakso wrote: Mike Breiding wrote: IE 6 reduces the left margin enough to knock the left column navigation to the bottom at resolution of 800x600 http://epicroadtrips.us/2007/summer/california/ http://epicroadtrips.us/2007/summer/california/ert_index_style.css Any ideas on how to fix this? Thanks, -Mike Mike, the difficulty may be pixel width wrappers contained within a percent width parent wrapper-- affects all browsers at a narrow window, but only IE/6 drops the left nav. Aside: the above uri for the style sheet does not point to the actual style sheet in use. Howdy, Ooops. Sorry for the confusion. I made the changes you suggested below. Ok in FF but in IE the images area stretched at widths over 800px. SS:http://epicroadtrips.us/2007/summer/california/streach_in_IE.jpg After implementing and checking your changes I made these changes: In order to reduce the width and center the #content p I removed: div#content p {color:#000;padding:0px 5px;border:none;} And changed: div#content p {margin: 6px 0;} to div#content p {margin:6px auto; width: 75%} This had the desired effect and did not seem to effect anything else. I attempted to add margins to the top and bottom of .pushImgLeft images by changing this: .pushImgLeft {position: relative; margin-left: -85px;} to .pushImgLeft {position: relative; margin-left: -85px; margin-bottom:0; margin-top: 20px} But I could see no difference. The photos are a little tight to the bottom of the p to suit me. As always,Thanks. -Mike. In the head of the document replace these styles: #intro {margin-left: 50px; margin-bottom: -5px} #intro p{width: 450px;} img {margin-top: 20px; margin-bottom:0} with these styles: #intro { border:1px solid red;/*test only*/ } #intro p{margin: 0 25%;} #intro img {max-width: 95%; display: block; margin: 10px auto;} * html #intro img {width: 95%;} In your external style sheet php-nav-index_style.css replace these styles: #anchor {width: 100%; margin: 20px 0 15px 0;padding:} #anchor blockquote p {color: #804000;font-size: 95%; margin-left: -30px} With these styles: #anchor {width: 100%; margin: 20px 0 15px 0;} #anchor blockquote p {color: #804000;font-size: 95%; margin: 0 20%;} __ 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] Problem with Firefox and images as links
Hi all. I have an A tag, with one IMG tag inside. If I set IMG property display to block, in Firefox the link area seems much bigger than the image itself. For example, here the link area is as wide as the page: http://www.mosor.net/ff Opera and IE don't have a problem with this. I can work around this by using `vertical-align: bottom` instead of `display: block`, or by wrapping the link tag in a DIV, and setting DIVs' width manually. But all of this doesn't seem right, is there a better way of fixing this? Thanks. -- Mosor __ 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] Problem with Firefox and images as links
- Original Message - From: Karlo Lozovina [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Thursday, October 16, 2008 4:20 PM Subject: [css-d] Problem with Firefox and images as links http://www.mosor.net/ff But all of this doesn't seem right, is there a better way of fixing this? Thanks. Mosor Mosor: Might I suggest you first start by using an imbedded or separate style sheet for your CSS, rather than using inline styles. As you build your site(s), you'll have an uneditible spaghetti mess of a tag soup otherwise. BTW there doesn't seem to be a huge difference between IE8, FF3 (which render the same) and O9 for me. Reset CSS such as, *{margin: 0; padding: 0;} ...and... img, a img, :link img, :visited img{border: none;} resolve some of these issues. Peter www.fatpawdesign.com developed in: WinXP/SP2 + FF3.0.3 at 1280x1024 checked in: IE8.0beta/O9.52/Av11.6/Cr0.2 In God we trust, all else bring data... __ 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] Problem with Firefox and images as links
Karlo Lozovina wrote: If I set IMG property display to block, in Firefox the link area seems much bigger than the image itself. http://www.mosor.net/ff Solution depends on scenario. If, as it seems, you want a default or declared block-element inside an anchor to line up inline, with anchor tightly around the block-element, the most natural would be to declare... a {display: inline-block;} To get Firefox 2.x in on the game you can declare... a {display: -moz-inline-box; display: inline-block;} ...since pre-3 versions of Firefox don't support 'display:inline-block'. 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] Left column problems in IE 6 @ 800x600
Mike Breiding wrote: David Laakso wrote: Mike Breiding wrote: IE 6 reduces the left margin enough to knock the left column navigation to the bottom at resolution of 800x600 http://epicroadtrips.us/2007/summer/california/ http://epicroadtrips.us/2007/summer/california/ert_index_style.css Any ideas on how to fix this? Thanks, -Mike Mike, the difficulty may be pixel width wrappers contained within a percent width parent wrapper...trimmed] I made the changes you suggested below. Ok in FF but in IE the images area stretched at widths over 800px. After implementing and checking your changes I made these changes:...trimmed] I attempted to add margins to the top and bottom of .pushImgLeft images...trimmed] But I could see no difference. The photos are a little tight to the bottom of the p to suit me. -Mike. Comment out or delete this entire selector. .pushImgLeft {position: relative; margin-left: -85px; margin-bottom:0; margin-top: 120px;border: 1px solid red;} Re-set width: div#content{f width75%;}:/*was 70%*/ Add new selector to contain the width in IE/6.0: * html div#content{overflow-x:hidden;} Delete both of these selectors to prevent the image distortion: #intro img {max-width: 95%; display: block; margin: 10px auto;} * html #intro img {width: 95%;} Re-set this selector: #intro img {display: block; margin: 10px auto;} to (and tweak the top and bottom margin to get the horizontal gutters separating the images/captions text as you see fit): #intro img {display: block; margin: 45px auto 20px auto;} __ 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] Safari problem?
Hi, s'been a lng time. Trying to stay out of this part of the field and stick with illustration, but no can do for my biggest client. Aforementioned client got in touch, and a web site they have has gotten messed up somehow, and nobody knows why...including me. The HTML is good, except in the Flash insert section, and the CSS is OK too, except where there's no colors given, or they are set for transparent. Not my problem, in this case, let their graphics guy handle it. The problem is that the three lists at the bottom don't line up in Safari. They DO line up in Firefox and Opera. Haven't checked 'em in IE versions yet. Anyone out there see what may be going on? http://www.lorettoheritage.org/ Thanks in Advance! ;-Dave __ 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/