[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 ***
[WSG] Out of Office AutoReply: WSG Digest
I am currently out of the office. I will return on Monday, April 11th. *** 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 !
Can't make sense of it based on the codes you posted. I think you will have a
better luck if you can copy the page's source codes and make it to a html page
with CSS and Javascript linked, then post the link here.
tee
On Apr 7, 2011, at 1:48 AM, Rateb BEN MOUSSA wrote:
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
***
***
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 ***
Re: [WSG] RE: The pop-up wont resize the window if it overflows the page height under IE !
MSIE8 has some developer tools which includes the ability to highlight a tag. What does the overflow look like, when you hover over that tag? regards, Mathew Robertson On 8 April 2011 01:02, Rateb BEN MOUSSA bmra...@gmail.com wrote: 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 *** *** 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 !
Can't see it in IE7 XP and IE8 using compatible mode from IE9 in Windows 7. Everything appears correct. My guess is, your screen is shorter in height, and IE (or just IE8? You didn't mention IE7 and IE9) doesn't count the height from a hover thus no horizontal scrollbar. If the layout doesn't use frame this shouldn't be a problem as the left column has enough room in height to accommodate the content area's height. The easier way may be adding some 200 or 300 padding bottom for the content's div using conditional comment - but I don't see there is a div wrapper for content area. Maybe you can add margin-bottom for table, or add a div as a wrapper of table, and add padding-bottom for it. tee On Apr 7, 2011, at 9:41 AM, Rateb BEN MOUSSA wrote: Here is the zipped page (including CSS and JS) http://db.tt/EntXQ8i Cordialement / Regards *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
