[css-d] Menu DropDown (S.F.) functionality in IE
Heya All, Still haven't been able to crack the Drop Down functionality in Suckerfish Style drop downs. IE (win) is causing the dropdowns to fail on hover when above other positioned elements. http://www.newearthpermaculture.com.au/bm/BusMentorMenu31.htm I've been through all the previous recommended attempts to no avail. This is a known issue in IE but should be solvable. From the Microsoft website: Input from controlling devices does not penetrate overlapping elements even if the elements are no visible. Which is the issue here. There are no elements overlapping the menu but something in IE rendering stream is or thinks it is. Anyway if anyone can offer any solution it would be much appreciated. Wesley Lamont __ 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] IE - as usual - forms and background
Hello List, I hope the wisdom of this list can assist. See: http://www.vehicle-web.net/createAdvert.php I am in the process of IE'alising (making work with IE) and have found an issue that appears in IE5 to IE7 inclusive. On the bottom of the page at the end of the download section there appears a break between the liquid section and the footer section of the download group! It seems to be related to forms/submit buttons but I have not identified any consistency other than the present rendition. Above on the main form if I place the 'submit advert' and /form tag within the fs_body div it creates about 30 pixels of blank space. I have this feeling it is something I should know but cannot identify. The page validates XHTML transitional as does the CSS Any assistance would be appreciated, Regards Rob __ 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] Menu DropDown (S.F.) functionality in IE
WEZ! wrote:
Still haven't been able to crack the Drop Down functionality in
Suckerfish Style drop downs. IE (win) is causing the dropdowns to
fail on hover when above other positioned elements.
http://www.newearthpermaculture.com.au/bm/BusMentorMenu31.htm
Add...
#navigation ul {background: #fff;}
...to keep IE from seeing through the cracks.
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] :: ie/6.0 in a 600 window ::
On 25-Sep-07, at 3:48 AM, David Laakso wrote: I am not able to load IE/6.0 at the moment and would appreciate a check of this page [1] in an apprx. 600px window at text-size largest to see if any floats drop. [1] http://chelseacreekstudio.com/ca/cssd/un/ Mr. Laakso, IE6, XPSP2, text-sizes smallest to largest, no float drops from ~400px to ~1000px. What pretty colours. Best, - Rahul. __ 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] :: ie/6.0 in a 600 window ::
Rahul Gonsalves wrote: On 25-Sep-07, at 3:48 AM, David Laakso wrote: I am not able to load IE/6.0 at the moment and would appreciate a check of this page [1] in an apprx. 600px window at text-size largest to see if any floats drop. [1] http://chelseacreekstudio.com/ca/cssd/un/ Mr. Laakso, IE6, XPSP2, text-sizes smallest to largest, no float drops from ~400px to ~1000px. What pretty colours. Best, - Rahul. Thanks, Rahul ( I assume we mean around 600). BTW, ain't no /mister/ hereabouts-- just another bozo at the back of the buss headed for nowhere... Best, uncle ~david -- 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] Menu DropDown (S.F.) functionality in IE
Wesley Lamont wrote: Heya All, Still haven't been able to crack the Drop Down functionality in Suckerfish Style drop downs. IE (win) is causing the dropdowns to fail on hover when above other positioned elements. http://www.newearthpermaculture.com.au/bm/BusMentorMenu31.htm Wesley Lamont Hi Wesley Not just positioned elements but any elements if given a glimpse of whats behind. This is not just a IE bug but also happens with Opera. Firefox though is not effected. http://css-class.com/articles/ursidae/nobackgroundhovermenubug.htm Kind Regards, Alan http://css-class.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] Adding a footer to a liquid 3-column layout
Hi Everyone
Does anyone know how to make a footer stick to the bottom of my browser
screen, or at least beneath the longest column? I'm not using floats to
place my three columns, which are liquid.
I'm trying to build the basic framework of my page, and my css and html is
quite simple at the moment. My page isn't yet online so no link, but the
footer at the moment floats up to the very top of the screen and sits behind
the header. I have the #footer div placed in the HTML after the three
columns and before the closing wrapper div.
Any help greatly received!
CSS
*/
body { width: 100%;
margin: 0;
padding: 0; }
#wrapper {
position: relative;
min-width: 600px;
margin: auto;
width:85%;
border: none;
}
#header {
position: absolute;
top: 0;
left: 0;
min-width: 600px;
width:
100%;
background-color:#fff;
}
#header img {
margin:0;
padding:0;
}
/*left column*/
#menu {
position: absolute;
top:100px;
left: 0;
width: 20%;
margin: 0%
0% 0 0;
background-color:#CC;
}
/*middle column*/
#main-content {
position: absolute;
top:100px;
left:20%;
min-width:
360px;
width: 60%;
margin-top: 0%;
background-color:#99;
}
#main-content p{
padding:3% 5% 3% 5%;
}
/*right column*/
#sub-content {
position: absolute;
top:100px;
left: 80%;
width: 20%;
margin: 0% 0 0 0%;
background-color:#CC;
}
/*this style doesn't work*/
#footer {
position:absolute;
width:100%;
}
Many thanks.
Phil Holt
==
Web Foundry Limited
9-10 St Andrew Square, Edinburgh EH2 2AF
http://www.web-foundry.co.uk
Registered in Scotland No.303224
==
__
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] Adding a footer to a liquid 3-column layout
Phil Holt Wrote:
Does anyone know how to make a footer stick to the bottom of my browser
Hello,
We would need some HTML. as this play it's part in aligning elements. But
one potential error I can see is:
#wrapper {
position: relative;
min-width: 600px;
/*margin: auto*/ margin:0 auto;
width:85%;
border: none;
}
I'm guessing your trying to centre this element in browser window?
I'm not using floats to place my three columns, which are liquid.
I don't know about me advising you, you should be guiding me, I don't know
how to posaition 'Div's' side by side without floating them?
Also place this in you CSS:
.clear {
clear: both;
width:100%;
height: 1px; /* triggers IE has LayOut */
overflow: hidden; /* prevent IE expanding the container */
margin: 0; /* keep flush with surrounding blocks */
}
and place a Div with this class after the three
columns and before the footer div.
Kind Regards
DG)
__
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] Adding a footer to a liquid 3-column layout
Phil Holt wrote: Does anyone know how to make a footer stick to the bottom of my browser screen, or at least beneath the longest column? I'm not using floats to place my three columns, which are liquid. You can fix anything anywhere in the browser-window with 'position: fixed', and add a workaround like... http://www.gunlaug.no/contents/wd_additions_15.html ...for IE6 and older IE/win versions. Then just add some empty space to the bottom of your A:P columns so they scroll high enough to avoid the fixed element (footer). Otherwise you'll have to decide which column is always going to be the tallest, and absolute position the footer relative to its bottom - from the inside of it. 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] gap at bottom of three-column layout
Hey All, I have three column layout I am working on (first time and the negative margin one from alistapart.com) and in all browsers that I am testing: FF 2.0.x, IE 7.x, IE 6.x, I have a gap at the bottom between the three columns and the footer. There are two images in the right hand column, if I take out the bottom one, everything seems to snap back into place but I haven't been able to find the real problem. Site: http://www.baseballtriviaquiz.com/ox/ css: is at the top of the code Thank you for your time and help, Scot __ 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] PC laptop with IE7 and XP quirks
I have a *strange* situation I hope someone out there can help with! One of the users of this site is using a PC laptop with IE7 and XP, and he is seeing problems that 3 other users on different XP IE7 combos can't replicate. http://www.claimanalytics.com/TEST3/theproblem.gif Browsercam doesn't see it http://www.browsercam.com/public.aspx?proj_id=380104 and neither does the Browsercam zombie XP. He has tried clearing the cache, in case he was seeing some artifact of an old style sheet, and that didn't help. Any idea of what may be going on? THANK YOU! Sandy __ 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] PC laptop with IE7 and XP quirks - SITE CHECK PLEASE
and here are the links to the style sheets http://www.claimanalytics.com/TEST3/css/ie7-hacks.css http://www.claimanalytics.com/TEST3/css/ie6-hacks.css http://www.claimanalytics.com/TEST3/css/claimanalytics.css thanks again, Sandy I have a *strange* situation I hope someone out there can help with! One of the users of this site is using a PC laptop with IE7 and XP, and he is seeing problems that 3 other users on different XP IE7 combos can't replicate. http://www.claimanalytics.com/TEST3/theproblem.gif Browsercam doesn't see it http://www.browsercam.com/public.aspx?proj_id=380104 and neither does the Browsercam zombie XP. He has tried clearing the cache, in case he was seeing some artifact of an old style sheet, and that didn't help. Any idea of what may be going on? THANK YOU! Sandy __ 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] PC laptop with IE7 and XP quirks
Sandy wrote: Page: http://www.claimanalytics.com/TEST3/services.shtml ...I think. One of the users of this site is using a PC laptop with IE7 and XP, and he is seeing problems that 3 other users on different XP IE7 combos can't replicate. Any idea of what may be going on? The user has set text-size to largest, and that's easy to replicate. IE7 does respect dimensions, but it doesn't recognize parts of content overflowing a dimensioned container. This causes the overlapping seen on the picture and the user's screen. Font-resizing doesn't look much better in other browsers, but at least they recognize the overflow one way or another and pushes the following containers out of the way. So, what you're dealing with is one of the many patches that make IE7 appear to be more standard-compliant than its predecessor, while in reality we're just been given an entirely new bug. You have to delete the 'height: 298px' on .photoblurb and use 'min-height' instead - with a hacked in height for IE6 to simulate 'min-height' in that browser. That'll allow IE7 to fall back to something closer to IE6's rendering when that page is subjected to font-resizing. 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] PC laptop with IE7 and XP quirks - SITE CHECK PLEASE
Rick - it's lovely to hear from you again! here are some problem pages: http://www.claimanalytics.com/TEST3/services.shtml http://www.claimanalytics.com/TEST3/contact.shtml http://www.claimanalytics.com/TEST3/reserving.shtml thanks a million! Sandy Got a site link, Sandy? Subject: Re: [css-d] PC laptop with IE7 and XP quirks - SITE CHECK PLEASE and here are the links to the style sheets http://www.claimanalytics.com/TEST3/css/ie7-hacks.css http://www.claimanalytics.com/TEST3/css/ie6-hacks.css http://www.claimanalytics.com/TEST3/css/claimanalytics.css thanks again, Sandy I have a *strange* situation I hope someone out there can help with! One of the users of this site is using a PC laptop with IE7 and XP, and he is seeing problems that 3 other users on different XP IE7 combos can't replicate. http://www.claimanalytics.com/TEST3/theproblem.gif Browsercam doesn't see it http://www.browsercam.com/public.aspx?proj_id=380104 and neither does the Browsercam zombie XP. He has tried clearing the cache, in case he was seeing some artifact of an old style sheet, and that didn't help. Any idea of what may be going on? THANK YOU! Sandy __ 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] PC laptop with IE7 and XP quirks - SITE CHECK PLEASE
Got a site link, Sandy? Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sandy Sent: Tuesday, September 25, 2007 2:26 PM To: CSS discuss Subject: Re: [css-d] PC laptop with IE7 and XP quirks - SITE CHECK PLEASE and here are the links to the style sheets http://www.claimanalytics.com/TEST3/css/ie7-hacks.css http://www.claimanalytics.com/TEST3/css/ie6-hacks.css http://www.claimanalytics.com/TEST3/css/claimanalytics.css thanks again, Sandy I have a *strange* situation I hope someone out there can help with! One of the users of this site is using a PC laptop with IE7 and XP, and he is seeing problems that 3 other users on different XP IE7 combos can't replicate. http://www.claimanalytics.com/TEST3/theproblem.gif Browsercam doesn't see it http://www.browsercam.com/public.aspx?proj_id=380104 and neither does the Browsercam zombie XP. He has tried clearing the cache, in case he was seeing some artifact of an old style sheet, and that didn't help. Any idea of what may be going on? THANK YOU! Sandy __ 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] PC laptop with IE7 and XP quirks - SITE CHECK PLEASE
here are some problem pages: http://www.claimanalytics.com/TEST3/services.shtml http://www.claimanalytics.com/TEST3/contact.shtml http://www.claimanalytics.com/TEST3/reserving.shtml and here are the links to the style sheets http://www.claimanalytics.com/TEST3/css/ie7-hacks.css http://www.claimanalytics.com/TEST3/css/ie6-hacks.css http://www.claimanalytics.com/TEST3/css/claimanalytics.css I have a *strange* situation I hope someone out there can help with! One of the users of this site is using a PC laptop with IE7 and XP, and he is seeing problems that 3 other users on different XP IE7 combos can't replicate. http://www.claimanalytics.com/TEST3/theproblem.gif Browsercam doesn't see it http://www.browsercam.com/public.aspx?proj_id=380104 and neither does the Browsercam zombie XP. He has tried clearing the cache, in case he was seeing some artifact of an old style sheet, and that didn't help. Is it possible that our user has his text size set to largest? Could that do it? Is there something else in his settings that could be causing this? thanks! Sandy __ 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] PC laptop with IE7 and XP quirks - SITE CHECK PLEASE
I figured it out - the user had his text set to largest and it made things go a bit wonky. A few little changes and we are ok now! thanks for being out there Sandy here are some problem pages: http://www.claimanalytics.com/TEST3/services.shtml http://www.claimanalytics.com/TEST3/contact.shtml http://www.claimanalytics.com/TEST3/reserving.shtml and here are the links to the style sheets http://www.claimanalytics.com/TEST3/css/ie7-hacks.css http://www.claimanalytics.com/TEST3/css/ie6-hacks.css http://www.claimanalytics.com/TEST3/css/claimanalytics.css I have a *strange* situation I hope someone out there can help with! One of the users of this site is using a PC laptop with IE7 and XP, and he is seeing problems that 3 other users on different XP IE7 combos can't replicate. http://www.claimanalytics.com/TEST3/theproblem.gif Browsercam doesn't see it http://www.browsercam.com/public.aspx?proj_id=380104 and neither does the Browsercam zombie XP. He has tried clearing the cache, in case he was seeing some artifact of an old style sheet, and that didn't help. Is it possible that our user has his text size set to largest? Could that do it? Is there something else in his settings that could be causing this? thanks! Sandy __ 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] PC laptop with IE7 and XP quirks - SITE CHECK PLEASE
Very good! I was just about to email you and tell you that I wasn't seeing any problem with my IE7/XP setup. Glad you got it worked out... Rick -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sandy Sent: Tuesday, September 25, 2007 4:26 PM To: Rick Faircloth; 'CSS discuss' Subject: Re: [css-d] PC laptop with IE7 and XP quirks - SITE CHECK PLEASE I figured it out - the user had his text set to largest and it made things go a bit wonky. A few little changes and we are ok now! thanks for being out there Sandy here are some problem pages: http://www.claimanalytics.com/TEST3/services.shtml http://www.claimanalytics.com/TEST3/contact.shtml http://www.claimanalytics.com/TEST3/reserving.shtml and here are the links to the style sheets http://www.claimanalytics.com/TEST3/css/ie7-hacks.css http://www.claimanalytics.com/TEST3/css/ie6-hacks.css http://www.claimanalytics.com/TEST3/css/claimanalytics.css I have a *strange* situation I hope someone out there can help with! One of the users of this site is using a PC laptop with IE7 and XP, and he is seeing problems that 3 other users on different XP IE7 combos can't replicate. http://www.claimanalytics.com/TEST3/theproblem.gif Browsercam doesn't see it http://www.browsercam.com/public.aspx?proj_id=380104 and neither does the Browsercam zombie XP. He has tried clearing the cache, in case he was seeing some artifact of an old style sheet, and that didn't help. Is it possible that our user has his text size set to largest? Could that do it? Is there something else in his settings that could be causing this? thanks! Sandy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] suckerfish issues in IE6
I put a Son of Suckerfish menu as the top menu of this site: http://www.alpinist.com/ ( And here's the homepage for SoS menus: http://www.htmldog.com/ articles/suckerfish/dropdowns/ ) My menu behaves fine in all the browsers that matter except IE6. In IE6, the dropdowns appear, but do not remain visible (or clickable) once you mouse off the parent. Also, the border-bottom under each child element is not showing up. It actually is possible to keep the dropdowns visible/clickable if you do a sort of perfectly timed and placed ninja motion; if you move fast enough and land on the text of a child (rather than the blank space around them). So maybe they are not being correctly interpreted as display:block? If this is a javascript issue, apologies. Though if anyone can confirm that it is in fact a javascript issue, even knowing that would be a huge help! And I think the border-bottom thing is CSS at least. I have some hacks in the CSS to occasionally send different styles to different browsers, but I'm pretty sure none of that overlaps with this problem... Anyone have any ideas or observations? thanks, Jason -- http://jasondas.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] suckerfish issues in IE6
I put a Son of Suckerfish menu as the top menu of this site: http://www.alpinist.com/ ( And here's the homepage for SoS menus: http://www.htmldog.com/ articles/suckerfish/dropdowns/ ) My menu behaves fine in all the browsers that matter except IE6. In IE6, the dropdowns appear, but do not remain visible (or clickable) once you mouse off the parent. Well, it actually is possible to keep them visible/clickable if you do a sort of perfectly timed and placed ninja motion. It seems to work if you move fast enough and land on the text of a child (rather than the blank space around them). So maybe they are not being correctly interpreted as display:block? If this is a javascript issue, apologies. Though if anyone can confirm that it is in fact a javascript issue, even knowing that would be a huge help! thanks, Jason -- http://jasondas.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] gap at bottom of three-column layout
Subject: [css-d] gap at bottom of three-column layout I have three column layout I am working on (first time and the negative margin one from alistapart.com) and in all browsers that I am testing: FF 2.0.x, IE 7.x, IE 6.x, I have a gap at the bottom between the three columns and the footer. There are two images in the right hand column, if I take out the bottom one, everything seems to snap back into place but I haven't been able to find the real problem. Site: http://www.baseballtriviaquiz.com/ox/ css: is at the top of the code Couple of things strike me. No margins or padding set in the floated columns. margin:0 should help. Also you may need to have display:inline for ol' IE6. Cheers Ian IY e-Solutions http://www.iyesolutions.co.uk No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date: 24/09/2007 19:09 __ 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] viewing sites in AOL
Hello all, I've encountered a problem for the first time. I have a client that uses AOL. She can't view a site I created (and double and triple checked it's existence). I have a feeling that she is using the search box to enter her URL, and as the site only a few days old, it's not listed in the SERPS yet. Can someone send me a screen shot of an AOL screen so I can send it to her with an arrow pointing to the right spot to enter a URL??? Thanks! -- Erin Spangler www.thedogsonline.com Web Design and Hosting for the Dog Enthusiast __ 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] Menu DropDown (S.F.) functionality in IE [SOLVED]
Thanks to both Alan and Georg, The background was indeed the solution to the IE bug. It actually has a semblance of logic as well though I was stuck trying to resolve the issue with IE z-indexing fun. Thank you very much as that was the last serious bug the layout required for functionality. (well in the IE 6 land - IE 5 is something I'll tackly later) Regards Wesley Lamont I'll do a site check in a day or so. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 guillotine or multiple classes? neither working OK yet
Hello:
I have two versions of a page, neither satisfactory.
http://www-personal.usyd.edu.au/~ctillam/guillotine.htm
css @ ~ctillam/layers.css
renders ok in three mac browsers, and on windows in FF, Opera, Safari and IE6,
but not IE7.
In IE7, it suffers from a variation of the guillotine bug, in which the lowest
of 6 lines of text is cut off, until one has used the test links to change
styles, and then mouseover-ed a group of 6 lines (there are 64 groups of 6
lines on the page): then the bottom line of the six appears.
I have tried many variations to the CSS; tried changing doctype; and have found
only one partial solution, which is to use conditional comments to direct “span
{zoom:1.0}” to IE7. But this totally blows other essential aspects of the css.
I then tried absolute positioning, whereby each group of 6 lines is positioned
by multiple classes.
http://www-personal.usyd.edu.au/~ctillam/position.htm
css @ ~ctillam/chou.css
which alsop is ok in 3 mac browsers, but only FF renders it on Windows: IE6,
IE7 and Opera do not render the multiple classes at all.
Short of reverting to a table, or giving each of the sets of 6 lines
positioning through an id, I’m stumped, and would welcome suggestions.
_
Roast a Rock Star: watch video interviews with hot music acts
http://ninemsn.com.au/share/redir/adTrack.asp?mode=clickclientID=809referral=hotmailtaglineURL=http://music.ninemsn.com.au/roastarockstar
__
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] PC laptop with IE7 and XP quirks - SITE CHECK PLEASE
Sandy wrote:
I figured it out - the user had his text set to largest and it made
things go a bit wonky. A few little changes and we are ok now!
thanks for being out there
Sandy
here are some problem pages:
http://www.claimanalytics.com/TEST3/services.shtml
http://www.claimanalytics.com/TEST3/contact.shtml
http://www.claimanalytics.com/TEST3/reserving.shtml
Hi Sandy
Well what about Firefox. Take a looker a the copyright down the bottom. On my
1280by800 sr with a maximized screen the copyright is floating below the bottom
menu links. One text size up destroys the header. The cause i the floated p.
You have this style.
.banner p {
float : right;/* delete */
margin:0; /* so the margin doesn't collapse */
text-align:right; /* much easier than floating */
}
Now after text size up, the header stays intact. The copyright which is in a
span would be better outside the list in a p clearing the list, but still
contain with the .bottomnav. Note the p bottom margin will possibly disappear
in IE since the container element has layout, so a bottom margin may be needed.
.bottomnav {
margin-top : 78px; /* this margin is just going up underneath the floats in FF
*/
width : 770px; /* this has not got a closing ; but page validates regardless*/
}
The font size small on the body seems to have the same effect (IE font size
bug) when using an em on the body. This would be better as a percentage. Even
after all this there are gaps, larges spaces all over the page in both IE and
FF after text sizing up.
Kind Regards, Alan http://css-class.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] What type of positioning to use
Subject: [css-d] What type of positioning to use I'm at bit of a loss when it comes to building a website. I've mocked up a layout in an old program called Layout Master and the layout seems to work fine in most browsers. However, the layout uses absolute positioning and z-indexes to achieve the layout. Is this wrong and if so why? Also, are there current, basically agreed upon standards for building websites, i.e. how to spec fonts (%,em or pts?), or what positioning system to use? Or is it more of a wild west, whatever works for that particular project idea? __ Start here: http://www.great-web-sights.com/g_layerlaws.asp Layers (absolutely positioned elements) are rarely a good approach to general page construction. You can use them sparingly for special purposes but you should only do so if you fully understand their limitations and pitfalls. A page relying heavily on layers will be fragile and subject to vagaries in rendering browser-to-browser. And, if the visitor increases their font size the page will likely break badly. As to the wild west, that was in the mid to late '90s. Today's web is the peoples' web. The user is king and a properly constructed page/site will focus on usability. Layers rarely allow that. Font sizing? Seems like ems or % are preferred. I use %. Regardless, never use pts, they are for the print world and don't translate adequately to a computer screen. Or at least that's my opinion approach. HTH Walt __ 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] no vertical scrollbar in Opera
Hi everyone!
I do new sites pretty infrequently at present, but here's my latest
unassuming one-pager:
http://home.iprimus.com.au/wilsonysma/index_new.html
This validates CSS and HTML.
It looks fine in IE 7, Firefox 2.0.0.7 and Opera 9.21.
EXCEPT there is no vertical scrollbar in Opera.
I fiddled with the center-ing CSS I'd added, and that isn't it.
I changed spans to divs, divs to spans... no effect.
I googled for a long time. :)
Anyone have any ideas?
Best,
Judy
P.S. Here's the stylesheet for your viewing pleasure:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #2E3F51;
background-color: #D8DBDE;
margin: 0px;
padding: 0px;
text-align: center; /* center - for IE */
}
a {
color: #2E3F51;
}
a:hover {
color: #4D627D;
}
a img {
border: none;
}
ul {
margin: 0;
padding: 0;
}
li {
list-style-position: inside;
margin: 0px;
padding-bottom: 5px;
list-style-type: square;
}
div.pagewrap {
width: 768px;
border: 1px solid #2E3F51;
background-color: #D8DBDE;
margin: 0 auto; /* center - align for good browsers */
text-align: left; /* center - counter the body center */
}
div.titlebannerwrap { /* title banner */
float: left;
clear: both;
width: 766px;
margin: 1px;
background-color: #2E3F51;
}
div.bluedividerwrap { /* mid-blue horizontal divider lines */
float: left;
clear: both;
width: 766px;
height: 16px;
margin: 0px 1px 1px 1px;
background-color: #849EB9;
}
div.imagestripwrap { /* for image strip */
float: left;
clear: both;
width: 766px;
height: 134px;
margin: 0px 1px 1px 1px;
background-color: #ff;
}
div.bodywrap {
float: left;
width: 766px;
margin: 0px 1px 1px 1px;
background-image: url(images/mainpage_bg.gif);
background-repeat: repeat-y;
background-position: right;
}
div.mainareawrap { /* main text area */
float: left;
width: 503px;
margin: 0;
}
div.sidebarwrap { /* info sidebar area */
float: right;
width: 263px;
margin: 0px;
}
div.headingwrap {
float: left;
clear: both;
width: 140px;
height: 21px;
background-image: url(images/heading_bg.gif);
background-repeat: repeat-x;
margin-bottom: 5px;
padding: 0px 5px 0px 5px;
color: #FF;
}
div.sidebar_tabone {
float: left;
width: 75px;
padding: 0px 5px 0px 5px;
}
div.sidebar_tabtwo {
float: left;
padding-bottom: 5px;
}
div.content_notab {
float: left;
padding: 0px 5px 5px 5px;
}
div.clearing { /* clears lines */
height: 0;
clear: both;
}
__
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] What type of positioning to use
Brandon Blatcher wrote: I'm at bit of a loss when it comes to building a website. I've mocked up a layout in an old program called Layout Master and the layout seems to work fine in most browsers. However, the layout uses absolute positioning and z-indexes to achieve the layout. Is this wrong and if so why? If you have a mock up and some ideas to go with it, then presenting it here on css-d may be a good start. It is always easier to give clear advices when we can see the actual problem. Basically: • right = what works or can be made to work. • wrong = what doesn't work and can't be made to work. What works will always depend on what we want the actual layout to contain, how we organize it, and what we want it to look like. All methods have strengths and weaknesses, so absolute answers can't be given with any degree of authority - unless all variables are known and one knows the ins and outs of every method. Absolute positioning of large parts may, or may not, work. A:P based layouts are easy to understand and create, but tend to show weaknesses when it comes to scaling (a layout's ability to handle font-resizing, changes in types and amount of content, etc.). Some of these weaknesses can't be overcome within an A:P based layout, which is why many of us only use A:P to position smaller, more controlled, parts within layouts based on other methods. Float-based layouts can be made quite strong and flexible, but can be difficult to understand and create first time. This usually means it takes longer to learn, but the extra time and effort will usually result in more reliable creations ever after. Experienced designers tend to keep all available methods at hand, and use them according to a complete design-plan. Without some form of a design-plan such an approach tends to fail, so this is where your existing plans and mock up comes in. Also, are there current, basically agreed upon standards for building websites, i.e. how to spec fonts (%,em or pts?), or what positioning system to use? Or is it more of a wild west, whatever works for that particular project idea? There are (as you know) de-facto W3C standards for just about every element, attribute, property and whatever, but it is still pretty much up to us to combine, test, correct for eventual browser-bugs, and make it all work. So, whatever works is probably the most correct answer. • 'pt' may work well for print, but not for screen. • '%' works well for screen. • 'em' works well for screen. To some of us whatever works means whatever works under stress when browsers' font resizing and other options are used, and doesn't prohibit these browser options from being used as intended. 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] no vertical scrollbar in Opera
Judy Routt wrote: http://home.iprimus.com.au/wilsonysma/index_new.html It looks fine in IE 7, Firefox 2.0.0.7 and Opera 9.21. EXCEPT there is no vertical scrollbar in Opera. Vertical scrollbar in my Opera 9.23 / win - same as in other browsers. You shouldn't by any chance have turned off the scrollbar in Opera itself? 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] What type of positioning to use
Brandon Blatcher wrote: I'm at bit of a loss when it comes to building a website. I've mocked up a layout in an old program called Layout Master and the layout seems to work fine in most browsers. However, the layout uses absolute positioning and z-indexes to achieve the layout. Is this wrong and if so why? Also, are there current, basically agreed upon standards for building websites, i.e. how to spec fonts (%,em or pts?), or what positioning system to use? Or is it more of a wild west, whatever works for that particular project idea? Hi Barndon Firstly I will state that regardless of what position or layout you use (the wild west approach is ok) what is agreed upon in most quarters is user accessibility. This can range from catering for a user with a physical disability needing a keyboard accessible site or who use a screen reader. A physical impairment, like needing particular colors or contrast or easy to read legible font. Be aware of how a webpage is different when view with different screen resolutions, variation in browsers. So having font sizes in % or ems is good, but don't have the unit em on the body or you will trigger the IE font size bug. So considering that some users will just tear your site apart with text resizing or ignoring authors font size altogether, beware of using absolute positioning. Resize the text in any browser for this page and notice how the text expands out of the boxes. http://portfolio.themaninblue.com/news/ With z-indexing, the issue that you will face is the differences between how the browsers layer the boxes if you use relative positioning to generate containing blocks. A test showing these differences can be found here. View the test in both Internet Explorer (IE) as well as Firefox (FF) and spot the many differences in layering. Also follow the links at the bottom of the page. http://css-class.com/test/z-index.htm Just keep practicing and researching and you will see clearer in the long run. Good luck. Kind Regards, Alan http://css-class.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] no vertical scrollbar in Opera
Hi Georg, You shouldn't by any chance have turned off the scrollbar in Opera itself? Nope, not to my knowledge. And all the other things I have open in tabs appear to have scrollbars. Vertical scrollbar in my Opera 9.23 / win - same as in other browsers. Well, that good news at any rate! I rebooted several times just in case Opera was simply having a Spak Attack, but no change. I guess I shrug and bill the client for hours spent fixing this problem anyway Sounds better than fruitless searching to no avail. :) Thank you so much for taking a look for me! Best, Judy Judy Routt wrote: http://home.iprimus.com.au/wilsonysma/index_new.html It looks fine in IE 7, Firefox 2.0.0.7 and Opera 9.21. EXCEPT there is no vertical scrollbar in Opera. __ 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/
