Rendering bug with absolutely positioned button tags

I'm using Firefox 10.0.1 and I've found a bug regarding button elements that are absolutely positioned. The problem is setting both the right and left CSS attributes does not affect the width of the button as it should.
Here is some example code to show what I mean (the forum is mangling the html, hopefully you can get the gist of it):<br />
<br />
<pre><nowiki><html>
<body>
<div style="width: 500px; position: relative;">
<button style="position: absolute; left: 0; right: 0;">Test</button>
</div>
</body>
</html></nowiki></pre>
In all other browsers the button will be 500px wide. In Firefox, it will fit to the text.

Why don't you give that button a width:100% if you want it to take the full width of that DIV container?

Similar Messages

[svn:osmf:] 15680: This submission tries to address a bug with absolute time support.

Revision: 15680
Revision: 15680
Author:   [email protected]
Date:     2010-04-23 16:36:42 -0700 (Fri, 23 Apr 2010)
Log Message:
This submission tries to address a bug with absolute time support. As a result, it fixes a bunch of bugs as follows:
FM-765, FM-766, FM-776, FM-777, FM-778, FM-779, FM-780
Ticket Links:
    http://bugs.adobe.com/jira/browse/FM-765
    http://bugs.adobe.com/jira/browse/FM-766
    http://bugs.adobe.com/jira/browse/FM-776
    http://bugs.adobe.com/jira/browse/FM-777
    http://bugs.adobe.com/jira/browse/FM-778
    http://bugs.adobe.com/jira/browse/FM-779
    http://bugs.adobe.com/jira/browse/FM-780
Modified Paths:
    osmf/trunk/framework/OSMF/org/osmf/elements/f4mClasses/DVRInfo.as
    osmf/trunk/framework/OSMF/org/osmf/net/httpstreaming/HTTPNetStream.as
    osmf/trunk/framework/OSMF/org/osmf/net/httpstreaming/f4f/HTTPStreamingF4FIndexHandler.as

Have done.... I had also sent a copy of the AB database to support on another case using Snow Leopard. I had hoped it was fixed in Lion.

Problem with Absolute Positioning

     I have a LARGE number of web pages (>1500) that have fields that are absolutely positioned. I have to process these pages (JSPs) and create a temporary HTML file that will be edited in Dreamweaver. The editing will only modify the CSS file: the temporary HTML is throw-away.
The goal is to use Dreamweaver to organize fields on the screen and have it modify only the position in the CSS.
My problem is that when I create the temporary HTML, it looks fine in the browser, but Dreamweaver displays the elements using a normal flow, and not using the absolute position. I have checked the "AP Elements" tab in DW, and it shows all my fields and the "Prevent overlaps" checkbox is UNCHECKED.
Any guidance will be appreciated...
Here is a small HTML example (CSS below that):
<html>
     <head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <title>CL0350</title>
          <link rel="stylesheet" href="example.css">
          <style type="text/css">
body {
     background-color: #efe;
#formContainer {
     width: 802px;
     height: 564px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-weight: bold;
     border: 3px #444 solid;
     background-color: white;
     position: relative;
</style>
     </head>
     <body>
          <div id="formContainer">
               <div id="lblEPP_MEMBER_NBR">Member#</div>
               <div id="lblEPP_YMDRCVD">Recv Dt</div>
<input id="txtEPP_MEMBER_NBR"><input id="txtEPP_YMDRCVD"></div>
     </body>
</html>
And finally, the CSS:
#lblEPP_MEMBER_NBR
white-space:nowrap;
POSITION:absolute;
left:17px;
top:43px;
#txtEPP_MEMBER_NBR
POSITION:absolute;
LEFT:17px;
TOP:62px;
WIDTH:110px;
#lblEPP_YMDRCVD
white-space:nowrap;
POSITION:absolute;
LEFT:542px;
TOP:43px;
#txtEPP_YMDRCVD
POSITION:absolute;
LEFT:542px;
TOP:62px;
WIDTH:92px;

Ahh - nevermind. I see you fixed your code.... Now I'll take a look.
On this page in DW, the fields seem to be placed using the absolute positioning, not the normal flow. Is the additional CSS contained in the externally linked CSS file?
<html>
     <head>
          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <title>CL0350</title>
          <link rel="stylesheet" href="example.css">
          <style type="text/css">
body {
     background-color: #efe;
#formContainer {
     width: 802px;
     height: 564px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-weight: bold;
     border: 3px #444 solid;
     background-color: white;
     position: relative;
#lblEPP_MEMBER_NBR
white-space:nowrap;
POSITION:absolute;
left:17px;
top:43px;
#txtEPP_MEMBER_NBR
POSITION:absolute;
LEFT:17px;
TOP:62px;
WIDTH:110px;
#lblEPP_YMDRCVD
white-space:nowrap;
POSITION:absolute;
LEFT:542px;
TOP:43px;
#txtEPP_YMDRCVD
POSITION:absolute;
LEFT:542px;
TOP:62px;
WIDTH:92px;
}</style>
     </head>
     <body>
          <div id="formContainer">
               <div id="lblEPP_MEMBER_NBR">Member#</div>
               <div id="lblEPP_YMDRCVD">Recv Dt</div>
<input id="txtEPP_MEMBER_NBR"><input id="txtEPP_YMDRCVD"></div>
     </body>
</html>

Help! Dreamweaver bug with relative positioning?

Hi!
I really need some help here...
Every time I try to change my container position from absolute to relative, my AP elements window gets wiped out... all the Div labels suddenly disappear. When I change the positioning back to absolute, the labels reappear again. Am I doing something wrong? Why does that keep happening?

Copy & paste this code into a new, blank document. Turn off Live View. Use Split View with Code & Design View. Can you edit the text now?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
#div1 {
    position:relative;
    top:122px;
    left: 25px;
    z-index:1000;
    background: #CFF;
    color:#03C;
    padding: 2%;
</style>
</head>
<body>
<div id="div1">
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</div>
</body>
</html>
Nancy O.

HTML Textfield Problem with Image Positions/Image Tag img

I am using :
Flash Builder Burito - Flex Hero SDK - Air 2.5 - Flash Player 10.1
Hi,
i have a problem with the normal Textfield.I'm loading html text into it and apply an css stylesheet on it. Everything works fine, but if there is an <img> in the html code, the image is displayed at the wrong position (top left).
It looks like the Problem is only in Air Applications. I tried the exact same code in an normal actionscript project and tested it in the broweser. Here the images are at the right position.
Does anybody else has this problem in Air or knows a solution to this?
Thanks. Laurid
btw: I tried it on Windows 7 and Android with the same problem.

Okay, I think I found the solution myself:
http://www.kirupa.com/forum/showthread.php?t=322233
For AIR content in the application security sandbox, AIR ignores img tags in HTML content in ActionScript TextField objects. This is to prevent possible phishing attacks,
This does not make any sense to me. Can somebody please explain it to me? I can load images with the loader-class and combine it with my html text. The only thing which does not work is that the text is wrapping aroung the images. So why does this prevent phishing attacks?
For me this doesn't make sense at all. It's just annoying that you develop an application in Flash and that it's not working the same way in Adobe Air. Now I have to find a complicated work-around myself. Or does anybody know how I can easily wrap text around images?
Thanks. Laurid

Is there a Component for rendering images with Absolute URLs?

I would like a component like <h:graphicImage> that would accept absolute URLs instead of relative ones. Does such a beast exist or should I write one myself?
Note, I'm looking for a component because I want the image to appear in a table and the URL changes for every row. If I just handcode a <img> tag in the <h:column> tag, it doesn't get rendered for every row.

<h:graphicImage> can use absolute URL.

How to control scheme with JSF commandLink/Button tags?

Ok, so I've a problem using JSF on Sun AS 9.0.1 when deployed behind an SSL accelerator in production.
Because secure requests get to the app server unencrypted, I am unable to use regular declarative security user-data-constraint/transport-guarantee/CONFIDENTIAL in web.xml, or it gets in an infinite loop redirecting to https.
Tomcat 5 provides a way to customize the default behavior (see http://www.unc.edu/~adamc/docs/tomcat/tc-accel.html), but I'm not going to be able to use this until Sun AS 9.1 comes out... :(
So in the meantime, I'd just like to control the schemes on my links and action post, but JSF doesn't seem to support it! <commandLink/Button>s don't seem to allow you to change scheme. If you put a full URL in the action, it fails to lookup the full URL w/ scheme in the faces-config.xml...
Is this a Glassfish bug or a JSF oversight?
I'd appreciate any workaround idea the community would be willing to share. :)
Thank you,

Hey guyz plzzz help
In my navigation rule , generally i call any other jsp, instead of it can i call controller servlet ? And now every action corresponding to any button will call this servlet.
can i call servlet ?

Bug with Printable Page button using minimal LAF

I posted this as part of another thread before...
I have confirmed that when I use the minimal LAF, OHW does not correctl display the printable page when I click the Printable Page button. The resulting page still has the page headers, plus a distorted screen area. I confirmed this both with my OHW application and with the UIX Help helpset that's based on OHW.

This also occurs when I use an override LAF based on simple.

SM30 / View Maintainance Call problem with Position button

We are having an issue with the position button on Tcode SM30 and Function View Maintenance Call. When we press the position button and try to enter a material number (matnr element, with links to the correct databases) and then click on ok, it doesn't found materials that we know are on the Ztable.
Experimenting, I found that entering the complete number with all the leading zeroes finds the correct item, so my guess is that the Position button doesn't use the conversion alpha exit. A test with a Ztable where the made up code fills up the entire code space shows it finds the data correctly, so it seems that completion is the issue, reinforcing the idea that the conversion alpha exit (wich is correctly associated to the matnr domain) is not working in positioning.
Any pointers or ideas will be appreciated.

Hi
Use this function modules for the material number
CONVERSION_EXIT_ALPHA_input
CONVERSION_EXIT_ALPHA_output
I think it will work..find in debug wat value s coming

Unexpected rendering result with mixed frequency lineGraph

Hi!
When I use a mixed frequency lineGraph (ADF Faces Rich Client Component) to show a query returning two columns (timestamp and float), there is a little part of the line, at the right, that is always straight. The marker tooltip shows variable values as expected on the straight part. Is it possible that there is a rendering bug with the component? I can send a printscreen if someone wants to see what happens.
Martin V.
Edited by: user2638652 on 2010-01-08 13:56

Hi!
When I use a mixed frequency lineGraph (ADF Faces Rich Client Component) to show a query returning two columns (timestamp and float), there is a little part of the line, at the right, that is always straight. The marker tooltip shows variable values as expected on the straight part. Is it possible that there is a rendering bug with the component? I can send a printscreen if someone wants to see what happens.
Martin V.
Edited by: user2638652 on 2010-01-08 13:56

Box model/none absolute positioning with flash

In recent years none-absolute positioning (or box model positioning) has become the norm with HTML/CSS
this is uselfull for dynamic functions which appear on an event (such as an object which appears when a button is clicked on or a error message that appears when a form box is given invalid input because it automatically inserts itself it the right place.)
One very important example of this is when you have a form which automatically produces an error message and the error message appears bellow the input area which caused it and the rest of the page is pushed down.
With none absolute positioning the developer does not need to worry about this.
But if the objects are given absolute position then it becomes a massive problem, the developer has to go about giving the objects differetn positions dependant on if dynamic objects appear or not
potentially the developer has to consider all possible variables, and code if statements which determine the position of all static objects for all possible variables which dynamic objects could take.
so does flash have a "none absolute positioning" solution to this problem.

Before you get all happy and pleased with yourself, APDivs or Layers seldom work well as a primary layout method. Here are some reasons why:
http://apptools.com/examples/pagelayout101.php
You're much better off using default CSS positioning (which is no positioning at all) along with CSS margins, padding and floats. If you don't believe me, check your page in non-IE browsers with increased/decreased text-sizes (zoom, text only).
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

BUG with File Path Browse Button

Hi,
I am using LabVIEW 2011 SP1 running in Windows 7.
I have a Path Control with the Browse Button visible on a front panel.
In the browse options, I have selected ‘Allow selection of files in LLBs and packed project libraries’
For the Selection Modes, I have Files or Folders and Existing selected.
When this VI is run in the LabVIEW Development System (2011 SP1) the Browse Button works as expected and displays the top level Vis in the Packed Library.
When this VI is run in the LabVIEW Development System (2011 SP1) the Browse Button works as expected and displays the top level Vis in the Packed Library and returns the full path if the selected VI when the OK button is pressed.
I have built the Main VI into an executeable and when this is run the browse button doesn’t display the dialog window when selecting the .LVLIBP file to browse into.
Is this some sort of bug in LabVIEW 2011 SP1?
If it is a bug, has it been fixed in a later release of LabVIEW?
I have attached a small example to demonstrate the problem.
Regards
Ray Farmer
Attachments:
Test package.zip ‏542 KB

Works in the dev environment. No dialog at all in an executable. Test done with LabVIEW 2014, Windows 7.
There are only two ways to tell somebody thanks: Kudos and Marked Solutions
Unofficial Forum Rules and Guidelines

Help! I deleted my System preferences by mistake! I'm absolutely positive they are gone. Unfortunately so are the disks that came with it. I'm using an Imac with os 10.4.11. Any help would be greatly appreciated!

Help! I deleted my System preferences by mistake! I'm absolutely positive they are gone. I checked spotlight, blue apple and the hard drive, applications. Gone. Unfortunately so are the disks that came with it. I'm using an Imac with os 10.4.11. Any help would be greatly appreciated!

Try cleaning the disc, and be sure you have the right one.
If that doesn't help, it sounds like it's time for a trip to the Apple Store.
Make an appointment here: http://www.apple.com/retail/geniusbar/

A BUG with Dreamweaver 8 when add flash button

There is a BUG with Dreamweaver 8 Chinese language version.
When I check the button "add flash button",show me a
message"There is an error,when the onChange run in Flash
Button.htm".
How to sovle the problem? Thanks.

Troubleshooting JavaScript errors in Dreamweaver
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_19105#dat
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"cnlomo" <[email protected]> wrote in
message
news:fk0mas$31l$[email protected]..
> There is a BUG with Dreamweaver 8 Chinese language
version.
> When I check the button "insert flash button",show me a
message"There is
> an
> error,when the onChange run in Flash Button.htm".
> How to sovle the problem? Thanks.
>

Help with Find / Replace button title tag contents (text)

Hi there,
I designed my site with Sitegrinder (Medialab) –
Currently all the title tags generated for buttons are the same as
the actual html page name.
The problem with this is that the tooltip which appears in
browsers when you hover over the button with the mouse gives you
the page name. Instead I want to use these tooltips to give the
user an indication of what the function of the button is.
An example: A zoom button above an image: Currenty the
tootlip says “zoom imagename pagename” – Instead
it should say “click here to zoom”.
I need help to get the Dreamweaver Find and Replace tool to
batch replace these tags for me for about a 100 pages.
Here is an example of the code:
<body>
<div id="id1zoomimpastooilweddingbutton"><a
href="zoomimpastooilwedding.html"
title="zoomimpastooilwedding"></a></div>
I only want to replace the text in the title tag - Since the
text “zoom” appears several times in the body, I
can’t get the Find tool to pick up and Replace the occurrence
of “zoom” in the title only…….
Options I’ve tried:
Search Current document: Search for: “specific
tag”: “title”, “containing”:
“text” = zoom (I’ve tried this with
“zoomimpastooilwedding” and zoom[^”]* with no
results
I’ve also tried: Search for: “specific
tag”: “body”, “containing”:
“specific tag” “title”
“containing”: “text” = zoom
etc……………..
I need help with what parameters to enter in order to find
and replace all the text within the title tag with my own text
Thanks very much!
Anton

You have ~ 100 pages, each of which has images with title
attributes (not
tags), all of which BEGIN with the letters "zoom"?
What do you want to replace that text with? Wouldn't it be
different for
each button? Or do you mean that you would do multiple
sitewide searches,
one for each button? This illustrates how wrong it is to not
use DW
Templates or server-side includes to simplify the management
of your
navigation elements....
Did you ask Medialabs if it would be possible to specify this
before
generating the HTML?
How did you like working with SiteGrinder? It looks like a
nice product to
me, although I'm not fond of the final results code-wise....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"unison123" <[email protected]> wrote in
message
news:[email protected]...
> Hi there,
>
> I designed my site with Sitegrinder (Medialab) ?
Currently all the title
> tags
> generated for buttons are the same as the actual html
page name.
>
> The problem with this is that the tooltip which appears
in browsers when
> you
> hover over the button with the mouse gives you the page
name. Instead I
> want to
> use these tooltips to give the user an indication of
what the function of
> the
> button is.
>
> An example: A zoom button above an image: Currenty the
tootlip says ?zoom
> imagename pagename? ? Instead it should say ?click here
to zoom?.
>
> I need help to get the Dreamweaver Find and Replace tool
to batch replace
> these tags for me for about a 100 pages.
>
> Here is an example of the code:
>
> <body>
> <div id="id1zoomimpastooilweddingbutton"><a
> href="zoomimpastooilwedding.html"
> title="zoomimpastooilwedding"></a></div>
>
> I only want to replace the text in the title tag - Since
the text ?zoom?
> appears several times in the body, I can?t get the Find
tool to pick up
> and
> Replace the occurrence of ?zoom? in the title only??.
>
> Options I?ve tried:
>
> Search Current document: Search for: ?specific tag?:
?title?,
> ?containing?:
> ?text? = zoom (I?ve tried this with
?zoomimpastooilwedding? and zoom[^?]*
> with
> no results
>
> I?ve also tried: Search for: ?specific tag?: ?body?,
?containing?:
> ?specific
> tag? ?title? ?containing?: ?text? = zoom etc?????..
>
> I need help with what parameters to enter in order to
find and replace all
> the
> text within the title tag with my own text
>
> Thanks very much!
>
> Anton
>
>

Rendering bug with absolutely positioned button tags

Similar Messages

Maybe you are looking for