[WSG] RE: The pop-up wont resize the window if it overflows the page height under IE !
Hello all, Sorry for the inconvenience, yesterday I've sent a mail with attached pictures, I was wondering if anyone on this distribution can help me to make a popup behave under IE the same as in FF. The application is in an intranet, so I can't give you a direct link, but as shown in the below pictures, when I pass the mouse over the link, in FF I see the right scroll bar (get longer) but in IE nothing change even if the popup overflow the height of the the page. Snapshot FF 3.6.16: http://i56.tinypic.com/6f032g.jpg Snapshot IE 8.0 http://i51.tinypic.com/spx5vk.png The CSS: - a.info { font-weight:normal; position:relative; text-decoration:none; } a:hover.info { background:none; text-decoration:none; z-index:10; } a.info span { display:none; } a:hover.info span { background:#FADD7F; border:1px solid #00629F; color:#66; display:inline; font-size:80%; font-weight:normal; left:20px; line-height:12px; padding:2px 4px; position:absolute; text-align:left; top:20px; width:150px; z-index:99; } a.info_large { position:relative; text-decoration:none; } a:hover.info_large { background:none; text-decoration:none; z-index:10; } a.info_large span { display:none; } a:hover.info_large span { background:#FADD7F; border:1px solid #00629F; color:#66; display:inline; font-size:80%; font-weight:normal; left:20px; line-height:12px; padding:2px 4px; position:absolute; text-align:left; top:20px; z-index:99; } The HTML: - td nowrap=nowrap class=tailleListea class=info_large href=../odm/odm_management.php?odm_id=20358932035893 img border=0 src=../images/infos.gifspan23/03/2011 (Stéphane Schneider) : qsdbr qsdbr qsdbr qsbr dbr qsdbr qsbr dbr qsdbr qsbr dqsbr dbr qsdbr qsdbr br qsdbr qsdbr qsd/span/a/td Any idea about how to figure out with this problem, how to fix the render of this page to become the same under IE/FF. PS: Look at the circle and the distance between the scroll bar and the bottom of the page. -- Cordialement / Regards -- Rateb BEN MOUSSA Développeur/Référent technique PHP5 | URL : www.itipart.com | Mob : +216 22 84 70 72 | Skype : rateb.alpha | tn.linkedin.com/in/RatebBENMOUSSA | Linux user #486726 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] RE: The pop-up wont resize the window if it overflows the page height under IE !
Hi all again, I've posted the same issue here http://stackoverflow.com/q/5579140/165748 but I didn't find any helpful suggestion, should I provide more informations or reformulate my post. Let me know please if I missed any details and I'm very thinkful. Regards. -- Rateb BEN MOUSSA Développeur/Référent technique PHP5 | URL : www.itipart.com | Mob : +216 22 84 70 72 | Skype : rateb.alpha | tn.linkedin.com/in/RatebBENMOUSSA | Linux user #486726 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] RE: The pop-up wont resize the window if it overflows the page height under IE !
Here is the zipped page (including CSS and JS) http://db.tt/EntXQ8i Cordialement / Regards -- Rateb BEN MOUSSA Développeur/Référent technique PHP5 | URL : www.itipart.com | Mob : +216 22 84 70 72 | Skype : rateb.alpha | tn.linkedin.com/in/RatebBENMOUSSA | Linux user #486726 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Difference between applied CSS and Computed CSS
Hi all, This is my first post here, I've a website which is hosted in two location and it still under development. Here I've a correct render under FF 3.6 (1) http://www.serenitude.at/margot/vmchk/spa-fontenay/soin-spa-fontenay/nos-massages/id-menu-306.html But here I noticed bigger text font under FF too (2) http://www.steit.net/dev/serenitude/vmchk/spa-fontenay/soin-spa-fontenay/nos-massages/id-menu-306.html I've tested both of those links in Chromium 5.0.335.0 (0) they show me the bigger font again. Under Firebug I've noticed that there is no difference between applied CSS for both website (tab: Style in firebug), but the calculated CSS (tab: Computed in firebug) mention that (1) has font-size: 12px and (2) has font-size: 16px. I wonder to know how this could be happen, is it a non closed tags or a misconfigured CSS that caused ambiguous inheritance. Any idea about how to figure out with this problem, how to fix the render of this page to become the same under different navigators. Thanks for any help -- Rateb BEN MOUSSA IT - Development Integration S.A.R.L. STEIT - Membre du GEEIT | URL : www.steit.net | Tel : +33 970406236 | Mob : +216 97 62 54 94 | Gtalk : bmra...@gmail.com | www.linkedin.com/in/RatebBENMOUSSA | Linux user #486726 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Difference between applied CSS and Computed CSS
Hi, I'm sorry because as said Tim Duffy, the render was the same and I confirm that in (OpenSuse11.2/FF 3.6) after a cache purge. I've tuned a specified component which insert comment /*** filename.css ***/ in the cached generated css and now I put @charset utf-8; in place. This helped me to retrieve the original layout under Safari/Chrome. Removing any characters before !DOCTYPE ... really does miracles, because now the layouts is much better under IE/Safari/Chrome/FF. Now see the difference: (1) http://www.serenitude.at/margot/vmchk/spa-fontenay/soin-spa-fontenay/nos-massages/id-menu-306.html (Fixed) (2) http://www.steit.net/dev/serenitude/vmchk/spa-fontenay/soin-spa-fontenay/nos-massages/id-menu-306.html The lesson was taken, thanks for you all. On 25 February 2010 13:11, James Ellis james.el...@gmail.com wrote: Hi One problem might be that you have the word paris before your doctype, which shows up as the page is rendering: paris !DOCTYPE html P Which could affect the CSS somewhat (at a guess). Try removing everything, including white space and line breaks before the doctype. I see the font size difference between the two different engines. Gecko - Firefox 3.5.8 Webkit - Chrome (5.0.307.9 beta) / Arora (0.10.1) Both Chrome and Arora show a larger font size than Firefox in the text content under the Massage-modelage* Dorsalhttp://dev/serenitude/58-massage-modelage*-dorsal/flypage-ask-dynprice-duo.tpl.html heading. Additionally, it's fine to serve your CSS from any file provided it's valid CSS of course and it sends the correct header to the browser. e.g in PHP ?php header('Content-Type: text/css'); //stuff ? - which you are doing judging by the file headers. The file extension doesn't matter, it's just text. Cheers James On Thu, Feb 25, 2010 at 9:59 PM, Russ Weakley r...@maxdesign.com.auwrote: Hi Rateb BEN MOUSSA The reason for this can probably be found in one of your css files: /dev/serenitude/templates/serenitude/css/css-5b04215701ad544b0144a40c4c2cdd38.php In this css file you have a comment, a blank line and then an @charset: /*** principale.css ***/ @charset utf-8; The @charset MUST appear in the first line of a CSS file. As the canonical document on @charsets states: Only one @charset rule may appear in an external style sheet and it must appear at the very start of the document. It must not be preceded by any characters, not even comments. http://www.w3.org/International/questions/qa-css-charset From personal experience, I can tell you that while all other browsers may be forgiving, Safari will ignore an entire style sheet if the @charset does not appear at the very start of the file. Easy to fix, profound difference (at least in Safari) :) HTH Russ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Rateb BEN MOUSSA IT - Development Integration S.A.R.L. STEIT - Membre du GEEIT | URL : www.steit.net | Tel : +33 970406236 | Mob : +216 97 62 54 94 | Gtalk : bmra...@gmail.com | www.linkedin.com/in/RatebBENMOUSSA | Linux user #486726 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***