DIV STYLE Region layout problem. Bug?

Hi guys, I believe this is a bug but need clarification.
I have created some regions based on the html code:
div style="border: 1px solid rgb(153, 153, 153); height:300px; width:970px; overflow:auto;">#BODY# /div
Now, this works fine, in the region I have a standard report. The propblem is when I open a NEW browser window, any website. Then go back to the page, a huge gap appears between the region this code is in, and the previous region.
I am using IE7 and Apex 3.0.1
Any help?
Thanks
Sam
Message was edited by:
Spam
Message was edited by:
Spam
Message was edited by:
Spam

I wouldn't see that as a problem, as this is the use case described in the overflow spec: "...This avoids any problem with scrollbars appearing and disappearing in a dynamic environment."
If it is that important, can you control sending "overflow: hidden" or "overflow: scroll" depending on the number of rows, using ApEx mechanisms and conditional comments?

Similar Messages

Div layout problem

Hi - stuck on what I think should be a fairly basic layout problem:
I have 2 divs, equal widths but varying heights, one floated to the left and one to the right so that they appear next to eachother on the page. The one on the left contains varying amounts of text, the one on the right contains a flash player so never varies.
Where the text for the left div is long, I want it to start off next to the player, but then flow beneath it rather than continuing downwards at the same width as the div. If I remove the width of the left div, so that it reverts to the container width, the player div positions itself below it, so I can't work out how to get the effect.
Can anyone help?

Hi,
hope I understood in the right way: I used (translated from German DW) "modify table" and so I got one more row and two columns in your Main_Content. In one of the new columns I copied the image and beneath I took the text (you now can replace with image and text of your choice), like this:
If that's not a help for your question, please ask me again.
What concerns the width of the pictures, I would format them with PS or a similar program in the same wide.
Hans-G.

Panel contents overlap when using borderSkin style and layout=absolute

This problem has been reported on several occasions
(http://bugs.adobe.com/jira/browse/SDK-14806)
and there are several articles that talk about this:
http://dougmccune.com/blog/2008/01/17/followup-about-flex-panel-bug/
http://dougmccune.com/blog/2008/01/12/calling-********-on-a-resolved-flex-bug/
I´m not an expert but think I found a fix/workaround for this.
frameworks\projects\framework\src\mx\containers\Panel.as
Must to be changed in the viewMetrics() method.
Line:
973- if (FlexVersion.compatibilityVersion < FlexVersion.VERSION_3_0) 974- {
Replace by:
if ((FlexVersion.compatibilityVersion < FlexVersion.VERSION_3_0) || (getQualifiedClassName(border) != "mx.skins.halo::PanelSkin") || (getStyle("borderStyle") != "default") ) {

Hi Andres,<br /><br />I haven't tried to verify your fix, but would you be willing to fill out a contributor agreement and submit an official patch?<br /><br />Matt<br /><br /><br />On 4/25/08 12:34 PM, "Andres Serral" <[email protected]> wrote:<br /><br />A new discussion was started by Andres Serral in<br /><br />Developers --<br /> Panel contents overlap when using borderSkin style and layout=absolute<br /><br />This problem has been reported on several occasions<br />(http://bugs.adobe.com/jira/browse/SDK-14806)<br />and there are several articles that talk about this:<br />http://dougmccune.com/blog/2008/01/17/followup-about-flex-panel-bug/<br />http://dougmccune.com/blog/2008/01/12/calling-********-on-a-resolved-flex-bug/<br /><br />I´m not an expert but think I found a fix/workaround for this.<br /><br />frameworks\projects\framework\src\mx\containers\Panel.as<br />Must to be changed in the viewMetrics() method.<br /><br />Line:<br />973- if (FlexVersion.compatibilityVersion < FlexVersion.VERSION_3_0) 974- {<br /><br />Replace by:<br /> if ((FlexVersion.compatibilityVersion < FlexVersion.VERSION_3_0) || (getQualifiedClassName(border) != "mx.skins.halo::PanelSkin") || (getStyle("borderStyle") != "default") ) {<br /><br />________________________________<br />View/reply at Panel contents overlap when using borderSkin style and layout=absolute <a href=http://www.adobeforums.com/webx?13@@.59b51731><a href=http://www.adobeforums.com/webx?13@@.59b51731><br />Replies by email are OK.<br />Use the unsubscribe <a href=http://www.adobeforums.com/webx?280@@.59b51731!folder=.3c060fa3><a href=http://www.adobeforums.com/webx?280@@.59b51731!folder=.3c060fa3> form to cancel your email subscription.

CSS Layout Problem?

Can someone please help me with a layout problem.
As far as I can tell the page looks as it should in Netscape,
Firefox, etc., but IE6 and 7 refuse to work correctly.
The page I am working on is:
http://www.vmtampademo.com/localangler/testpage.html
Most of the picture caption and headline of the middle column
is behind the picture. I attempted to force the info with a
seperating div which seems to work sometimes. I doubt that this is
the correct solution. What am I doing wrong?
Thank you for the help!

It looks fine in Firefox 2.0.0.1, Opera 9.10, and IE 7.

Region.addObserver Problem with PHP Files

Hi,
I try to load a Dynamic XML via PHP Files.
everything works fine. but when i use a Region.addObserver
the callback function dont trigger.
It only happen with php Files.
My code is
quote:
<script language="JavaScript" type="text/javascript"
src="{{server}}/includes/xpath.js"></script>
<script language="JavaScript" type="text/javascript"
src="{{server}}/includes/SpryData.js"></script>
<script language="JavaScript" type="text/javascript">
var lastSharing = new
Spry.Data.XMLDataSet("{{server}}/lastSharing.xml", "lastSharing");
var categories = new
Spry.Data.XMLDataSet("{{server}}/getCategories.php?user={{user}}",
"categories/category");
var tags = new
Spry.Data.XMLDataSet("{{server}}/getTags.php?user={{user}}",
"tags/tag");
var posts = new
Spry.Data.XMLDataSet("{{server}}/getLastUserPosts.php?user={{user}}",
"data/fav");
function onComplete(notificationType, notifier, data)
if (notificationType == "onPostUpdate")
div = document.getElementById(data['regionID'])
div.style.visibility = "visible";
Spry.Data.Region.addObserver("usertags", onComplete);
Spry.Data.Region.addObserver("links", onComplete);
Spry.Data.Region.addObserver("links2", onComplete);
Spry.Data.Region.addObserver("posts", onComplete);
</script>
{{server}} and {{user}) obvious are fake. here the callback
function is trigger when the file
var lastSharing = new
Spry.Data.XMLDataSet("{{server}}/lastSharing.xml", "lastSharing");
is loaded but nothing happens with the other, the 4 DIVS
exist.
in the php file i use something like that:
quote:
private function doXml($data)
header('Content-Type: text/xml');
echo "<categories>\n";
foreach($data as $catego)
echo
"<category><![CDATA[".$catego['nombre']."]]></category>\n";
echo "</categories>\n";
Any idea??
thanks.

That is really strange that it works when things are flat XML
files and not in the case where it's PHP, the code paths are the
same, and the Spry code is unaware of the source of the XML.
Perhaps you can enable region debugging and see what's going
on. Add this above all your data sets:
Spry.Data.Region.debug = true;
Do you see any messages like:
"Generated region markup for usertags ..."
"Generated region markup for links ..."
If not, then something is choking Spry before the
notification is fired.
--== Kin ==--

CS6 Fluid Layout Problems

I'm new to coding and Dreamweaver CS6 and have been working with the fluid grid layout. When I view the template page in Safari Preview, my website looks like the image below. After saving and putting the files the page looks completely different when I type the website into the URL.
I have recreated the index page/template three times because I was having trouble formatting the Spry menu.
I'm wondering if by deleting the Spry menu, if I may have confused Dreamweaver's path or caused other disruptions?
How can I create a site that looks the same (or similar) to the preview? (and add a menu bar?)
<!doctype html>




<html class="">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>T H R E E    W H E E L    S T U D I O</title>

<link href="../boilerplate.css" rel="stylesheet" type="text/css">
<link href="../layout.css" rel="stylesheet" type="text/css">


<script src="../respond.min.js"></script>


</head>
<body>
<div id="header">
<div style="text-align: center;">
<h1>T H R E E . W H E E L . S T U D I O</h1>
<br>
<p>Ceramic studio and gallery specializing in fine American crafts, whimsical useable pieces and odds and ends.</p>
</div>
<div id="body">

<p><img src="../images/flyingsaucer9.jpg" alt="flying saucer collection" width="694" height="480"></p>

<div id="breadcrumbs">HOME</div>
</div>
<div class="footer" id="footer"> 401.451.2350
    [email protected]
    436 Wickendon Street Providence, RI 02903
    Mon - Wed: 11:00 am - 5:30 pm
    Thu - Sat: 11:00 am - 6:00 pm
Sun: 12:00 pm - 5:00 pm</div>
</html>

When using the URL for the site, without a file name, the server automatically looks for the default document such as index.html.
Hence, you do need index.html or index.htm or index.php or similar.
index.dwt is a DW template file and is not classified as a default document, nor should it be. The template file should only be used on the local machine to create HTML documents based on that template.

Pre IE8 layout problem

Hi, I have used a h6 tag with a blank line to create a space at the bottom of the header div on my website - though it is rather ugly it does work in ie8 and ff to give a space, but not in previous versions of ie. I have been beating my head against a wall to try and figure out the correct way around the problem. Also the spry menu sits in the right place in the 2 browsers but again is in the wrong place foir ie7 and 6. I understand you can introduce a line of code -

but what would work to give the space and put the menus in the right place?
many thanks for your help
m
site www.michaelcrabtree.co.uk
<body class="oneColElsCtrHdr">
<div id="container">
<div id="header">
    <h1>michael crabtree portraits</h1>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="../index.html">home</a>        </li>
      <li><a href="../michael about/michaelabout.html">about</a></li>
      <li><a href="../press/pressabout.html">press</a></li>
      <li><a href="../corporate/corporatePRabout.html">corporate</a></li>
      <li><a href="../family about/familyabout.html" class="MenuBarItemSubmenu">portrait</a>
        <ul>
          <li><a href="../family about/familyabout.html">about</a></li>
          <li><a href="../family/locationgallery.html">on location</a></li>
          <li><a href="../family/studiogallery.html">studio portrait</a></li>
          <li><a href="../family/familygallery1.html">gallery 1</a></li>
          <li><a href="../family/familygallery2.html">gallery 2</a></li>
          <li><a href="../family about/FAQ.html">FAQ</a></li>
          <li><a href="../family about/familyprices.html">prices</a></li>
          <li><a href="../pictureproblems.html">tuition</a></li>
          <li><a href="../clientlogin.html">client login</a> </li>
        </ul>
      </li>
      <li><a href="../recent/recentpublications.html">recent</a></li>
      <li><a href="../contactpage.html">contact</a></li>
    </ul>
    <h6><br />
    </h6>
</div>

For the margin problem try increasing the 2em to 3 or 4 em. (1em = the size of your default font, normally = 12 - 14px)
(use the IE conditional statement in your original post for older versions of IE).
Your version of spry is 1.4, so if you are using CS3 or 4, follow the link below and install the extension called spry updater for CS3/4, using the extension manager then restart DW, go to Site (in the main menu) and select spry updater..
If you are using a version before CS3 (MX - MX2004 - 8), download the new version of spry and replace your old versions with the new ones.
http://labs.adobe.com/technologies/spry/
PZ

Is there an RI that uses div s for layout instead of table s?

I am using Struts Tiles, DWR, script.acu.lous drag and drop and JSF.
So, my problem is that since I have incorporated <f:verbatim>, the page is being rendered incorrectly and I don't know how to recombine it back to look like it should. The layout I am doing has a header at top, left hand column for navigation and content well in the middle. Essentially, this boils down to, in JSF, a table row with one table data element for the header and one table row with two table data elements for the nav and content. In the content well, it utlizes a JSF subview with JSF components and then below this a JSF subview with a JSF <f:verbatim>. On the pages that I don't use <f:verbatim>, the layout renders correctly. The rendering problem is that when the markup is rendered, the <f:verbatim> tag is rendered outside the <f:view> with the other JSF subview in the content rendered correctly in the layout. In other words, the whole page except the <f:verbatim> is rendered in a <table>. I understand, from an onjava article, the JSP and JSF rendering occurs in parallel and I am guessing this might be the problem. The page is rendering now with the header in the right place, the nav not behaving like it used to but in the correct place, the portion of the content that is a bunch of JSF components is located to the right of the nav. The <f:verbatim> that should be rendered directly below the JSF components on the content page and to the right of the nav is rendered under both the nav and JSF components outside the <table>.
Is there a RI that uses divs to do layout instead of tables?
OR
How can I get the <f:verbatim> back into the flow of the page so everything is lined up correctly?
Please feel free to yell at me if this is addressed in another thread. I will search for it if this is the case. I haven't had the time to do a thorough search.
Regards,
Dan
sidenote: Using tables for layout is not considered good web design. There are plenty of sites that illustrate use of CSS for layout. I find this a little strange since Sun is always promoting best practices and then it doesn't embrace other industry best practices. This seems more like a MS bullying tactic, but maybe Sun and MS are one in the same.

Cool. That is a great move. The only concern I have now is that there aren't any containers out that support JSP 2.1 and Servlet 2.5 to enable JSF 1.2 except for glassfish. I am using tomcat and not a heavy weight application server. I couldn't find a roadmap on Apache either for Tomcat to know when they will be coming out with Tomcat 6 I imagine. Is there an article or tutorials out yet that demonstrate how to markup a page with the new specification? That yould help. The more I think about using custom components, the more I lean towards using the standard.
Thanks for the heads up. Now I have to think about setting up glassfish and migrating from tomcat unless there is other news I am unaware of =P.
Dan

Nested div tags "Design View" problem

I have had ongoing problems using nested div tags to layout
my page. The page displays correct in browser but does not display
properly in Dreamweaver Design View. Highlighting the CSS id in
Code View shows the correct groupings. The code also passed the
validator test.
I am fairly new at Dreamweaver so I could be missing
something basic.
Code is displayed at
http://www.mektronix-net.campusbizcenter.com/

I've not see this before, so can't say why it would be happening. Would the pc be low on resources? but then again you say it happened even after a restart of the pc.
Maybe you could try the file cache and the personal configuration folder fix to see if it fixes any issues.
http://forums.adobe.com/thread/417116#cache
PS: While I'm at it, it would be wrong for me to point out that using AP divs is not the optimum way to create a layout.... unless you know the repercussions of using them.
Here's why: (from the Dreamweaver FAQ)
http://forums.adobe.com/thread/477969

Keyboard Layout Problems with OS X Mavericks on MacBook

My brother and I have a Early 2009 MacBook that received succesive updates on OS X over the past four years: it went from Leopard to Snow Leopard to Lion to Mountain Lion. But this year, we decided to upgrade it from a clean install of Mavericks.
It went fine, but... the keyboard is acting in a terrible way. The layout is bugged! The left shift key enters the "Y" letter, while return enters the "/" key... I've just tried everything to fix this resetting NVRAM and SMC, but nothing has worked.
Somebody else is having this problem? Could a software update fix it?

See if a Safe Mode boot helps...
Startup your Mac in Safe Mode
A Safe Mode boot takes much longer than a normal boot so be patient.
Once you are in Safe Mode, click Restart from the Apple () menu.

Report Region Layout help

i am trying to create a page with 4 regions
i need something link below
region 1,2 and 3 should be on top ( 1 row 3 columns)
Region 4 should be on 2nd row ( 4 will be below)
I have attached word doc to below link.
[http://www.megafileupload.com/en/file/410167/Apex-Region-Layout-docx.html]
looks like we can only say what column number but seems the layout wont work like we need
Edited by: user13319804 on Apr 10, 2013 9:18 AM

Hi user13319804,
Could we get you to change your user13319804 handle to something more like a name or nickname? (I'm Howard)
Sorry, you can't attach files to the forum -- as far as I know.
Yes, you can order regions. I begin by supposing you've sequence numbered them 10, 20, 30 , 40. Then edit each region 2 and 3, and under Grid Layout, choose for "Start New Grid" - No and for "Start New Row" - No. At that point the GUI should update to have "Column" - Automatic" and "New Column" - Yes on the next line. Set "Column" to 2 for region 2 and to 3 for region 3. For Region 4, leave "Start New Grid" - No and for "Start New Row" - Yes. That should place region 4 under 1. Try that.
Then you may need a refinement so that region 4 spans across the bottom of region 1,2,3 and has the desired width.
Regards,
Howard

Layout problem in PDF conversion

Hi all,
i am downloading spool data using the function module CONVERT_ABAPSPOOLJOB_2_PDF. But i am facing layout problem. e.g. RFBILA00(financial statement generation program) has written balancesheet data to the spool. This spool data has some 6 columns. but CONVERT_ABAPSPOOLJOB_2_PDF is writing only first 3 columns to the generated PDF file. i used 'GET_PRINT_PARAMETERS' function module also with values like layout as 'X_65_132' and 'X_90_120'. but no success. if anybody knows the answer, please let me know.
Thanks in advance,
Naveen

Hi All,
i am following the below approach to download the information from spool.
program/spool output is an ALV List output data having 8 columns. but below approach is converting only first 5 columns in to PDF format. other 3 columns are getting truncated.
FUNCTION /ngl/download_spoolinfo_as_pdf.
""Local Interface:
*" IMPORTING
*"     REFERENCE(I_SPOOL_REQUEST) LIKE TSP01-RQIDENT
*"     REFERENCE(I_FILENAME) LIKE RLGRAP-FILENAME
*" EXCEPTIONS
*"      DOWNLOAD_ERROR
TABLES tsp01.
DATA: mtab_pdf LIKE tline OCCURS 0 WITH HEADER LINE,
        mc_filename LIKE rlgrap-filename.
DATA: mstr_print_parms LIKE pri_params,
        mc_valid(1) TYPE c,
        mi_bytecount TYPE i.
CALL FUNCTION 'GET_PRINT_PARAMETERS'
    EXPORTING
      copies                 = '1'
      cover_page             = space
      destination            = 'locl'
      expiration             = '1'
      immediately            = space
      mode                   = space
      new_list_id            = 'X'
      no_dialog              = 'X'
      user                   = sy-uname
      line_size              = 200
      line_count             = 65
     layout                 = 'X_65_200'
      layout                 = 'X_90_120'
      sap_cover_page         = 'X'
    IMPORTING
      out_parameters         = mstr_print_parms
      valid                  = mc_valid
    EXCEPTIONS
      archive_info_not_found = 1
      invalid_print_params   = 2
      invalid_archive_params = 3
      OTHERS                 = 4.
IF sy-subrc EQ 0.
    CALL FUNCTION 'CONVERT_ABAPSPOOLJOB_2_PDF'
      EXPORTING
        src_spoolid              = i_spool_request
        no_dialog                = 'X'
        dst_device               = mstr_print_parms-pdest
      IMPORTING
        pdf_bytecount            = mi_bytecount
      TABLES
        pdf                      = mtab_pdf
      EXCEPTIONS
        err_no_abap_spooljob     = 1
        err_no_spooljob          = 2
        err_no_permission        = 3
        err_conv_not_possible    = 4
        err_bad_destdevice       = 5
        user_cancelled           = 6
        err_spoolerror           = 7
        err_temseerror           = 8
        err_btcjob_open_failed   = 9
        err_btcjob_submit_failed = 10
        err_btcjob_close_failed = 11
        OTHERS                   = 12.
    IF sy-subrc EQ 0.
      mc_filename = i_filename.
      DATA: lv_filename TYPE string.
      lv_filename = i_filename.
      CALL FUNCTION 'GUI_DOWNLOAD'
        EXPORTING
          bin_filesize = mi_bytecount
          filename     = lv_filename
          filetype     = 'BIN'
        TABLES
          data_tab     = mtab_pdf
        EXCEPTIONS
          OTHERS       = 22.
      IF sy-subrc EQ 0.
        WRITE:/ mc_filename, 'CONVERTED TO PDF AND DOWNLOADED'.
      ELSE.
        WRITE:/ 'PROBLEM WITH DOWNLOAD'.
        RAISE download_error.
      ENDIF.
    ELSE.
      WRITE:/ 'PROBLEM WITH PDF CONVERSION'.
      RAISE download_error.
    ENDIF.
ELSE.
    WRITE:/ 'PROBLEM GETTING PRINT PARAMETERS'.
    RAISE download_error.
ENDIF.
ENDFUNCTION.

DIV Style background image not showing

Hey Friends - can anyone take a look at line 136 to show why my background-image is not showing in this DIV Style?
http://www.gratefulcreative.com/Andre_Madiz/index.html
Thanks in advance!
ken d
creative director
grateful creative
www.gratefulcreative.com

You have no width or height set for that element so it can not show an image unless you make the div at least the same size as the image.
<div style="background-image:url(http://www.gratefulcreative.com/Andre_Madiz/images/bottom_text.png);ba ckground-repeat:no-repeat; width:871px; height:483px;">
You may also want to consider adding this to your main css file and giving the div an id which will help you out in the future.

Layout problem - multiple repeating frames

Hi, I have a layout problem, pls help!
Short report description:
- Repeating Frame1 - gives 1 record, contains all other frames, variable vertical elasticity
- - Frame2 - contains all frames beneath - variable vertical elasticity
- - - Frame3 - variable vertical elasticity
- - - - some boilerplates
- - - - Repeating Frame 2 - various number of records, fixed vertical elasticity, height 100
- - - - Repeating Frame 3 - various number of records, fixed vertical elasticity, height 30
- - - - .. other repeating frames ..
When reaching the bottom of a page, and there is not enough room to print a record for Repeating frame 2, a record from Repeating frame 3 is printed in the bottom.
Next page starts with the remaining records from Repeating frame 2.. and then the remaining records from Repeating frame 3.
For example:
Page 1:
Rep frame 2 - Record 1
Rep frame 2 - Record 2
Rep frame 2 - Record 3
Rep frame 3 - Record 1 -- not enough space to print Record 4, so this record is printed
Page 2:
Rep frame 2 - Record 4
Rep frame 2 - Record 5
Rep frame 3 - Record 2
How can i ensure that all records from Rep frame 2 is printed before records from Rep frame 3?

Hi, thanks for helping me out!
I tried to use anchors, but they had no effect when connecting top of 3 to bottom of 2, got the same layout.
I then tried to create frames with vertical elasticity expand around both rep frame 2 and rep frame 3, and it seems to do the job.
- Repeating Frame1 - gives 1 record, contains all other frames, variable vertical elasticity
- - Frame2 - contains all frames beneath - variable vertical elasticity
- - - Frame3 - variable vertical elasticity
- - - - some boilerplates
- - - - Frame 4 - vertical elasticity expand
- - - - - - Repeating Frame 2 - various number of records, fixed vertical elasticity, height 100
- - - - Frame 5 - vertical elasticity expand
- - - - - - Repeating Frame 3 - various number of records, fixed vertical elasticity, height 30
and so on..
Thanks again

Layout Problem in swings

I have an Layout problem. My Applications consists of a label and a panel in which some more labels are present.
The panel should contain the scrollbar in order to view all the label that excced the size of the panel.This label and a panel should be adjacent to each other.
My problem is, I am not getting the scroll bar to the panel when I am adding the label that excced the size of the panel, when I am adding the label adjacent to this label.

Did you use JScrollPanel? If not, use it.

DIV STYLE Region layout problem. Bug?

Similar Messages

Maybe you are looking for