Overlapping DIV not displaying correctly

HALP! I have overlapped a DIV on purpose, the correct DIV is displayed on top on some computers but not on others and does not display correctly in Internet Explorer at all.
My link is below. I would like to display the DIV with the flash underneath the Bat DIV.
http://batengineering.bdaonline.co.nz/
Can anyone out there help me!

I see in IE6 that transparency is not handled well at all. .pngs are dicey with IE6.
If you want to make your Flash movie lie down behind the bat image, you need to give it a wmode="opaque". Otherwise, the Flash will always come to the front.
In IE6, IE7, and IE8, your top menubar is breaking, the right hand end cap is falling to the second line. You might want to put a little ease into it somehow.
On all IE and on Firefox on the Mac, there seems to be a nasty white vertical stripe on the right side...maybe a gap in width of the background image. Check to make sure you have a default background-color to make that go away.
On Safari on the Mac and Firefox on the PC, the Flash does not seem to show up at all in BrowserLab, although I see it on my XP; could be an artefact of BrowserLab's process.
W3c finds a few errors in the markup: http://validator.w3.org/check?uri=http://batengineering.bdaonline.co.nz/&charset=(detect+a utomatically)&doctype=Inline&group=0
And the CSS throws a few warnings: http://jigsaw.w3.org/css-validator/validator?uri=http://batengineering.bdaonline.co.nz/&pr ofile=css21&usermedium=all&warning=1〈=en
On the whole, though, the page is looking good.
Beth

Similar Messages

Header div not displaying correctly in Explorer

Can someone help me with this IE browser problem?I have a
header div inside the container div. The container is displaying
correctly - center of page. The header div is not! It is off to the
right and half the header is off the page. All other browser tests,
Mac and PC display correctly. The header div should be centered as
it is within the container, right? The header is suppose to stay at
the top of the screen as viewer scrolls - which it does correctly.
I started with the Dreamweaver code and made some changes. Here is
my code:

I can't see anything wrong with the table but I assume it has
some css
associated with it?
You might try a simple test. Create another include file with
just a
single table at 762px and one cell, with nothing apart from a
background
color.
Bring that into the original document and see what happens.
If it shows
correctly then it must be the other tables construction/css
taht is
causing the problem.
aacjp wrote:
> here is the include code:
>
> <table width="762" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td width="114" align="left" valign="top"
bgcolor="#333333"><img
> src="/images/main/cover_masthead.jpg" alt="current
issue" width="113"
> height="150" /></td>
> <td align="center" valign="middle"
bgcolor="#C7581B"><img
> src="/images/main/masthead.gif" alt="Fabric Trends
Magazine" width="309"
> height="145" /></td>
> <td width="159" align="center" valign="middle"
bgcolor="#C7581B"><table
> width="120" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td align="right"><a
href="/information/subscribe.shtml"
> class="nav">Subscribe</a></td>
> </tr>
> <tr>
> <td align="right"><a
href="/issues/current.shtml" class="nav">Current
> Issue</a></td>
> </tr>
> <tr>
> <td align="right"><a href="/issues/back.shtml"
class="nav">Back
> Issues</a></td>
> </tr>
> <tr>
> <td align="right"><a href="/kits/index.shtml"
class="nav">Quilt
> Kits</a></td>
> </tr>
> <tr>
> <td align="right"><a
href="/information/shops.shtml" class="nav">Quilt
> Shops</a></td>
> </tr>
> <tr>
> <td align="right"><a
href="/onlineproject/index.shtml"
> class="nav">Online Projects</a></td>
> </tr>
>
> </table></td>
> </tr>
> </table>
>
>
>
>

Div not displaying correctly in FF or Opera

Can someone have a look at my code, I have a divs called
"breadcrumbs" and "croutons".
All appears as it should with these two divs in IE7, but when
previewed in Firefox and Opera only the top borders of these two
divs are showing. I have made the CSS internal for posting here,
but normally use an external style sheet.
FYI there are 2 SSI's in the code with external Style Sheets
- both for menus so I havent include the CSS for these.
Code -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>test</title>

<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">


<style>
body {
background-color: #FFFFFF;
background-repeat: repeat-x;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
#background {
background-color: #999999;
background-repeat: repeat-x;
min-width: 420px;
border: 1px solid #BBB;
#middletext {
background-color: #FFFFFF;
margin-left: 185px;
margin-right: 185px;
min-height: 500px;
border: 1px solid #BBB;
#footer {
background-repeat: repeat-x;
height: 100px;
background-image: url(../images/gradient_footer.jpg);
#banner {
background-repeat: repeat-x;
height: 70px;
min-width: 552px;
background-image: url(../images/gradient_banner.jpg);
#right {
float: right;
width: 145px;
background-color:#CCCCCC;
height: 335px;
margin-right: 20px;
display: inline;
border: 2px solid #BBB;
#leftWrapper {
float: left;
width: 145px;
margin-left: 20px;
display: inline;
background-color: #CCCCCC;
border: 2px solid #BBB;
#left {
height: 225px;
#date {
float: right;
width: 250px;
border: 1px solid #BBB;
text-align: center;
background-color: #CCCCCC;
font-weight: bold;
#topmenu {
padding: 10px 0;
width: 100%;
min-width: 760px;
background-image: url(../images/gradient_topmenu.jpg);
#bannerimage {
float: left;
height: 70px;
width: 300px;
background-repeat: no-repeat;
text-align: left;
background-color: #CCCCCC;
#backgroundcontent {
background-color: #EBEBEB;
padding-bottom: 20px;
padding-top: 20px;
#content {
background-color: #B9B9B9;
#search {
float: right;
width: 250px;
font-weight: bold;
border: 1px solid #BBB;
text-align: center;
background-image: url(../images/chromebg.gif);
background-repeat: repeat-x;
background-position: center center;
padding: 5px 0;
margin-bottom: 10px;
#footerbottom {
background-color: #A0A0A0;
height: 50px;
border: 1px solid #000;
margin-top: 10px;
margin-right: 25%;
margin-bottom: 10px;
margin-left: 25%;
padding: 0px;
#chromemenuholder{
float: left;
width: 500px;
font-weight: bold;
margin-bottom: 10px;
/*Credits: Dynamic Drive CSS Library */
/*URL:
http://www.dynamicdrive.com/style/
#chromemenu{
float: left;
width: 500px;
font-weight: bold;
#chromemenu ul{
border: 1px solid #BBB;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align
menu to
the left of page*/
background-image: url(../images/chromebg.gif);
background-repeat: repeat-x;
background-position: center center;
#chromemenu ul li{
display: inline;
margin: 0;
padding: 0;
#chromemenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
#chromemenu ul li a:hover{
background: url(../images/chromebg2.gif) center center
repeat-x;
#breadcrumbs {
width: 250px;
border: 1px solid #BBB;
background-color: #B9B9EA;
float: left;
padding-left: 20px;
#croutons {
background-color: #B9B9EA;
float: right;
width: 250px;
border: 1px solid #BBB;
#contact {
background-color: #8A8ADB;
margin-top: 25px;
height: 30px;
border: 1px solid #BBB;
#contact2 {
background-color: #8A8ADB;
margin-top: 25px;
height: 30px;
border: 1px solid #BBB;
#test1_menu_css {
background-color: #CCCCCC;
width: 145px;
height: 225px;
#leftmenu{
float: left;
width: 135px;
font-weight: bold;
margin-left: 5px;
margin-top: 5px;
#leftmenu ul{
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "right" for example to
align menu to
the left of page*/
background-image: url(../images/chromebg.gif);
background-repeat: repeat-x;
background-position: center center;
margin-bottom: 10px;
border-top-width: 1px;
border: 1px solid #BBB;
#leftmenu ul li{
display: inline;
margin: 0;
padding: 0;
#leftmenu ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
#leftmenu ul li a:hover{
background-image: url(../images/chromebg2.gif);
background-repeat: repeat-x;
background-position: center center;
#left_ssi_wrapper {
width: 145px;
</style>
</head>
<body>
<div id="background">
<div id="content">Content for id "content" Goes Here
<div id="banner">
<div id="date">Content for "date"
</div>
<div id="bannerimage"></div>
<br style="clear: both;">
</div>
<div id="topmenu">
<div id="search">Content for id "search" Goes
Here</div>
<div id="chromemenuholder">

</div>
<br style="clear: both;">
<div id="breadcrumbs">
</div>
<div id="croutons">t</div>
<br style="clear: both;">
</div>
<div id="backgroundcontent">
<div id="right">Content for id "right" Goes
Here</div>
<div id="leftWrapper">
<div id="left">

</div>
<div id="contact">Content for id
"Contact"</div>
<div id="contact2">Content for id
"Contact2"</div>
</div>
<div id="middletext"> Content for id "middletext" Goes
Here </div>
<br style="clear: both;">
</div>
</div>
</div>
<div id="footer">Content for id "footer" Goes Here
<br>
<br>
<div id="footerbottom">Content for id "footerbottom"
Goes Here</div>
</div>
</div>
</div>
</body>
</html>

Try putting some content in the breadcrumbs <div> that
will make it
appear. I don't know if there is a color #BBB. Either there
is not or
its very similar to the background color of the <div>
so it doesn't
show. Changing the border to #000 results in it showing up.
<div id="breadcrumbs">breadcrumbs</div>
<div id="croutons">croutons</div>
~Billy~ wrote:
> Can someone have a look at my code, I have a divs called
"breadcrumbs" and
> "croutons".
>
> All appears as it should with these two divs in IE7, but
when previewed in
> Firefox and Opera only the top borders of these two divs
are showing. I have an
> external CSS sheet, and when I make the CSS internal,
just one of the divs
> appears and the other doesnt. Whats going on?
>
> FYI there are 2 SSI's in the code with external Style
Sheets - both for menus
> so I wont include the CSS for those unless they are
needed.
>
> Code -
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> 
> <title>test</title>
> 
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> 
> 
> <style>
> body {
> background-color: #FFFFFF;
> background-repeat: repeat-x;
> font-family: verdana, arial, helvetica, sans-serif;
> font-size: 11px;
> }
> #background {
> background-color: #999999;
> background-repeat: repeat-x;
> min-width: 420px;
> border: 1px solid #BBB;
> }
> #middletext {
> background-color: #FFFFFF;
> margin-left: 185px;
> margin-right: 185px;
> min-height: 500px;
> border: 1px solid #BBB;
> }
> #footer {
> background-repeat: repeat-x;
> height: 100px;
> background-image: url(../images/gradient_footer.jpg);
> }
> #banner {
> background-repeat: repeat-x;
> height: 70px;
> min-width: 552px;
> background-image: url(../images/gradient_banner.jpg);
> }
> #right {
> float: right;
> width: 145px;
> background-color:#CCCCCC;
> height: 335px;
> margin-right: 20px;
> display: inline;
> border: 2px solid #BBB;
> }
> #leftWrapper {
> float: left;
> width: 145px;
> margin-left: 20px;
> display: inline;
> background-color: #CCCCCC;
> border: 2px solid #BBB;
> }
> #left {
> height: 225px;
> }
> #date {
> float: right;
> width: 250px;
> border: 1px solid #BBB;
> text-align: center;
> background-color: #CCCCCC;
> font-weight: bold;
> }
> #topmenu {
> padding: 10px 0;
> width: 100%;
> min-width: 760px;
> background-image: url(../images/gradient_topmenu.jpg);
> }
> #bannerimage {
> float: left;
> height: 70px;
> width: 300px;
> background-repeat: no-repeat;
> text-align: left;
> background-color: #CCCCCC;
> }
> #backgroundcontent {
> background-color: #EBEBEB;
> padding-bottom: 20px;
> padding-top: 20px;
> }
> #content {
> background-color: #B9B9B9;
> }
> #search {
> float: right;
> width: 250px;
> font-weight: bold;
> border: 1px solid #BBB;
> text-align: center;
> background-image: url(../images/chromebg.gif);
> background-repeat: repeat-x;
> background-position: center center;
> padding: 5px 0;
> margin-bottom: 10px;
> }
> #footerbottom {
> background-color: #A0A0A0;
> height: 50px;
> border: 1px solid #000;
> margin-top: 10px;
> margin-right: 25%;
> margin-bottom: 10px;
> margin-left: 25%;
> padding: 0px;
> }
> #chromemenuholder{
> float: left;
> width: 500px;
> font-weight: bold;
> margin-bottom: 10px;
> }
> /*Credits: Dynamic Drive CSS Library */
> /*URL:
http://www.dynamicdrive.com/style/
> #chromemenu{
> float: left;
> width: 500px;
> font-weight: bold;
> }
> #chromemenu ul{
> border: 1px solid #BBB;
> padding: 5px 0;
> margin: 0;
> text-align: left; /*set value to "right" for example to
align menu to
> the left of page*/
> background-image: url(../images/chromebg.gif);
> background-repeat: repeat-x;
> background-position: center center;
> }
> #chromemenu ul li{
> display: inline;
> margin: 0;
> padding: 0;
> }
> #chromemenu ul li a{
> color: #494949;
> padding: 5px;
> margin: 0;
> text-decoration: none;
> border-right: 1px solid #DADADA;
> }
> #chromemenu ul li a:hover{
> background: url(../images/chromebg2.gif) center center
repeat-x;
> }
> #breadcrumbs {
> width: 250px;
> border: 1px solid #BBB;
> background-color: #B9B9EA;
> float: left;
> padding-left: 20px;
> }
> #croutons {
> background-color: #B9B9EA;
> float: right;
> width: 250px;
> border: 1px solid #BBB;
> }
> #contact {
> background-color: #8A8ADB;
> margin-top: 25px;
> height: 30px;
> border: 1px solid #BBB;
> }
> #contact2 {
> background-color: #8A8ADB;
> margin-top: 25px;
> height: 30px;
> border: 1px solid #BBB;
> }
> #test1_menu_css {
> background-color: #CCCCCC;
> width: 145px;
> height: 225px;
> }
> #leftmenu{
> float: left;
> width: 135px;
> font-weight: bold;
> margin-left: 5px;
> margin-top: 5px;
> }
> #leftmenu ul{
> padding: 5px 0;
> margin: 0;
> text-align: center; /*set value to "right" for example
to align menu to
> the left of page*/
> background-image: url(../images/chromebg.gif);
> background-repeat: repeat-x;
> background-position: center center;
> margin-bottom: 10px;
> border-top-width: 1px;
> border: 1px solid #BBB;
> }
> #leftmenu ul li{
> display: inline;
> margin: 0;
> padding: 0;
> }
> #leftmenu ul li a{
> color: #494949;
> padding: 5px;
> margin: 0;
> text-decoration: none;
> }
> #leftmenu ul li a:hover{
> background-image: url(../images/chromebg2.gif);
> background-repeat: repeat-x;
> background-position: center center;
> }
>
> #left_ssi_wrapper {
> width: 145px;
> }
>
> </style>
> </head>
>
> <body>
> <div id="background">
> <div id="content">Content for id "content" Goes
Here
> <div id="banner">
> <div id="date">Content for 'date' </div>
> <div id="bannerimage"></div>
> <br style="clear: both;">
> </div>
> <div id="topmenu">
> <div id="search">Content for id "search" Goes
Here</div>
> <div id="chromemenuholder">
> 
> </div>
> <br style="clear: both;">
> <div id="breadcrumbs">
> </div>
> <div id="croutons">t</div>
> <br style="clear: both;">
> </div>
> <div id="backgroundcontent">
> <div id="right">Content for id "right" Goes
Here</div>
> <div id="leftWrapper">
> <div id="left">
> 
> </div>
> <div id="contact">Content for id
'Contact'</div>
> <div id="contact2">Content for id
'Contact2'</div>
> </div>
> <div id="middletext"> Content for id "middletext"
Goes Here YES I KNOW THE
> COLOURS ARE HORRIBLE! </div>
> <br style="clear: both;">
> </div>
> </div>
> </div>
> <div id="footer">Content for id "footer" Goes Here
<br>
> <br>
> <div id="footerbottom">Content for id
"footerbottom" Goes Here</div>
> </div>
> </div>
> </div>
> </body>
> </html>
>
>
>

Div header tag - not displaying correctly

I thought I had resolved an issue with a div header tag, but - as per a reply in my 'text as gif' thread, possibly not!
The header contains three images; a logo, a banner (text), and a picture of a castle. These should display in a line.
When I first set it up, I realised that the castle picture was normally ending up below the other two on smaller screens etc.
So I changed the dims for my div container from min 760px/max 1260px, to a set width (960px). I then rejigged the three images so the widths were within 960px, with some to spare for the spacing (total widths of the three are 900: hspacing another 20 pixels). There is no padding/borders defined. Therefore the total should be well within the 960 width (?).
It looks fine on my PC (widescreen); in 3 browsers, using the restore down menu command (ie to make it not full screen), and by using the Dreamweaver multiscreen preview (phone, tablet, smaller desktop). It wasn't ideal (as scrolling required), but at least meant the header (and the rest of the screen) displayed correctly, ie in a horizontal line (and then sidebar - content - sidebar).
If I set my container width much smaller, most of the screen will be green (the body) in big screens.
If I rejig the dimensions, it's all a bit hit and miss (and why don't the current dimensions work?).
Do I need to define the width of the header (as well as the container)?
Help! Thank you
http://hertfordcarnival.org.uk/dev/Index.html

Hi there, I started off using one big image, but it didn't look right with regards to size and placing (ie I wanted the logo on the left edge, the castle on the right edge, etc). When you say slice, what do you mean? One image in from fireworks, and then ... ? Thanks again
Date: Wed, 7 Dec 2011 01:37:10 -0700
From: [email protected]
To: [email protected]
Subject: Div header tag - not displaying correctly
    Re: Div header tag - not displaying correctly
    created by osgood_ in Dreamweaver - View the full discussion
Datafan55 wrote: I thought I had resolved an issue with a div header tag, but - as per a reply in my 'text as gif' thread, possibly not! Why not just use one big image then you wont have a problem of with the alignment. Certainly don't use 'vspace' and 'hspace' to position the images. If you want to use 3 seperate images start by setting them us as one complete image then slice it into 3 images. Then use the following css to position the images side by side. #header img If the total sum of the width of the images is the same or does not exceed 960px then the images should be in a nice row side by side. They will actually sit side by side without using 'float' but you'll get a small gap between them which will be added to the sum of the width which will exceed 960px causing the third image to drop onto the next line.
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4068499#4068499
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4068499#4068499. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Dreamweaver by email or at Adobe Forums
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Aligned Form Fields Do Not Display Correctly Where Visible Borders Overlap?

I'm on creating some forms & checklists for the company I work for to simplify our project workflow. When adding text fields to the form I'd like to add borders to segregate the various fields & make the form more presentable.
The problem I'm having, is that I'm unable to place fields immediately adjacent one another without leaving a gap. If I do & use the snap to grid option, aligning the top of one field with bottom of another, it does not display correctly when printed. The border lines appear to have differing thicknesses where they touch & this makes the form look terrible. Currently I'm having to create the borders in an excel spreadsheet, convert to pdf & add borderless fields within the pre printed borders. While this gives me the look i want, if I later want to add to or amend the form I have to start from scratch first modifying the initial excel layout which is too time consuming. I'm using Acrobat X Pro. Any assistance appreciated.
Regards
John

There are at least two techniques to allow you to change the underlying layout and remake the static part of the PDF, without having to redo the form fields (except new ones, and moving as needed).
That is replace pages and copy-paste of form fields.

Search box not displaying correctly in Safari

How can the search bar on the Apple site not display correctly in Safari? I find this odd that Apple would allow this. It displays like 2 search boxes overlapping each other. It still functions correctly but it is a little embarrassing since I am always bashing windows pro browser display.

Hi
Welcome to Apple Discussions
Might be a corrupted cache or cookies issue. First, go to Safari Preferences>Security>Show Cookies. Type Apple in the Spotlight panel. Highlight/remove the cookies. Then, go to the Safari Menu>Empty Cache. Try the Apple site.
If the double search panel still appears, go to the Finder: Your User Account>Library>Caches. There, move to the trash the com.apple.safari file. Restart Safari and try the Apple site again.
Post back

Dynamic Select List not displaying correct value

Hi there!
I have a page with a dynamic repeat region.
As I press one record I get up all the details based on id on an edit page.
The problem is that the info that is inserted via a Select List is not displaying correct on edit page.
All the other values are correct, also the values in the repeat region on index page,
but the value from the Select List on edit page is just displaying the initially selected item.
Have tried using SELECT DISTINCT in the SQL statement, but no luck.
Any other ideas?
Cut and paste from form:
<select name="Vegtype" class="ProvDet" id="Vegtype" title="<%=(rsAs.Fields.Item("VegType").Value)%>">
                    <option value="Ev" selected="selected">Ev</option>
                    <option value="Fv">Fv</option>
                    <option value="Rv">Rv</option>
                    <option value="Kv">Kv</option>
                  </select>
Recordset
<%
Dim rsAs
Dim rsAs_cmd
Dim rsAs_numRows
Set rsAs_cmd = Server.CreateObject ("ADODB.Command")
rsAs_cmd.ActiveConnection = MM_LabCon_STRING
rsAs_cmd.CommandText = "SELECT DISTINCT DatoM, DatoR, DatoU, Distr, FagFelt, Felt, IntNr, Km, KontrNr, Kontrollor, Masse, MasseBK, Punkt, Resept, TestID, UserID, VegHp, VegNavn, VegNr, VegType FROM tblTest WHERE TestID = ?"
rsAs_cmd.Prepared = true
rsAs_cmd.Parameters.Append rsAs_cmd.CreateParameter("param1", 5, 1, -1, rsAs__MMColParam) ' adDouble
Set rsAs = rsAs_cmd.Execute
rsAs_numRows = 0
%>
Regards,
Christian
DWCS5 | .Asp | MS Access

Ok, here goes the top down approach...
In the HTML header of my page, i have this reference to a js file containing the javascript - <script src="#WORKSPACE_IMAGES#108.js" type="text/javascript"></script>
Then in an HTML Region I have the following code to create the divs that will be shown and hidden - <div id="divREGION" class="divs">Select region to get list of countries.</div>
<div id="divCOUNTRY" class="divs">Select country to get list of cities.</div>
<div id="divCITY" class="divs">Select city and then press "Get Employees". </div>
Note that these divs contain static content. You may be able to create dynamic content for these divs by creating dynamic query regions and putting div tags around the region (i havent tried this, it may require template modification).
The select boxes have this code in the "HTML form elements attributes" - onFocus="javascript:showHideDiv(this,true)" onBlur="javascript:showHideDiv(this,false)"
This onFocus and onBlur call the showHideDiv() function, passing in the object reference of the select box and a true/false to show/hide the related div.
The actual javascript function that is contained in the 108.js file is:
function showHideDiv(objThis, inBool){
     var divid = "div" + objThis.id.substring(3);
     if (inBool) {
     ShowDiv(divid);
     else {
HideDiv(divid);
That function in turn calls either the ShowDiv() or HideDiv() functions, depending on the true or false, passing in the ID of the div to be changed...
function ShowDiv(divid){
     eval('document.all'+ '["' + divid + '"]' + '.style' +'.display = "inline"');
function HideDiv(divid){
     eval('document.all'+ '["' + divid + '"]' + '.style' +'.display = "none"');
Hope this helps.

Page is not displaying correctly on mobile

Hey. Can anyone help me to see why my page is not displaying correctly on mobile.
www.highestgoodclothing.com/phone/videos.html
The page displays correctly on a desktop.
On mobile there is a right margin that I do not want there. All of my other mobile pages seem to be working just fine. How do I fix this? Thanks

Hi,
I think it may be <div class="html5gallery-viral-0"> (contains the social media buttons) // screencasteu.worldsecuresystems.com/AP/2013-08-01_1033.png
It's the only element that isn't in sync with the other elements on page, when compared to home.html for example.
Kind Regards,
Alex Pavelescu

Large product page not displaying correctly on responsive webpage.

Large product page not displaying correctly on responsive webpage. Not really sure what to adjust or correct.
http://iamartde.businesscatalyst.com/apparel-1/i-am-art-sweatshirt-white

Hi,
I think it may be <div class="html5gallery-viral-0"> (contains the social media buttons) // screencasteu.worldsecuresystems.com/AP/2013-08-01_1033.png
It's the only element that isn't in sync with the other elements on page, when compared to home.html for example.
Kind Regards,
Alex Pavelescu

XML not displaying correctly when larger

Hi,
When my XML dataset exceeds 2350 lines, SpryDOMUtils.js seems to ad a <tab> to the XML string and it's not displayed correctly in it's container.
I included 2 screenshots to show what's happening. Tnx a lot!!

Sorry for the delay, I have spent some time trying to find the culprit. Finally I decided to start afresh with the following markup, which works quite well in all browsers.
<!doctype html>
<htm>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="Accordion1" class="Accordion" tabindex="0">
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 1</div>
    <div class="AccordionPanelContent">
      <div id="div1">
        <table align="top" cellpadding="5">
          <tr id="tr1">
            <td valign="top">{datum}</td>
            <td valign="top"><a href="{link}">{inhoud}</a></td>
          </tr>
        </table>
      </div>
    </div>
</div>
<div class="AccordionPanel">
    <div class="AccordionPanelTab">Label 2</div>
    <div class="AccordionPanelContent">Content 2</div>
</div>
</div>
<script src="SpryAssets/SpryAccordion.js"></script>
<script src="SpryAssets/SpryData.js"></script>
<script src="SpryAssets/SpryDOMUtils.js"></script>
<script src="SpryAssets/SpryTooltip.js"></script>
<script src="design_template_info12.js"></script>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
May I suggest that you copy and paste the markup into a new document to then start adding your own stuff, making sure that you test in IE7 or IE8 at each step.
Note that I have left xpath.js out of the markup. I think it will work either way. Just keep an eye on it.
PS
I did reformat the XML to delete all of the empty lines. Not sure if this helped or not. You can do this within DW as follows
Message was edited by: Altruistic Gramps

Umlauts are not displayed correctly in different programs

Hello!
I live in germany, but my locale is set to "en_US.UTF8" because I like to have everything in english.
I do not have any problems with umlauts on the machine, but when I connect with sFTP oder Samba to it, the umlauts in files are not displayed correctly.
Look at this example
The upper word is how it looks in "ssh putty" (=locally on the machine), the bottom one is from "filezilla" (from my windows host)
This is my locale
locale
LANG=en_US.UTF-8
LC_CTYPE="en_US.UTF-8"
LC_NUMERIC="en_US.UTF-8"
LC_TIME="en_US.UTF-8"
LC_COLLATE="en_US.UTF-8"
LC_MONETARY="en_US.UTF-8"
LC_MESSAGES="en_US.UTF-8"
LC_PAPER="en_US.UTF-8"
LC_NAME="en_US.UTF-8"
LC_ADDRESS="en_US.UTF-8"
LC_TELEPHONE="en_US.UTF-8"
LC_MEASUREMENT="en_US.UTF-8"
LC_IDENTIFICATION="en_US.UTF-8"
LC_ALL=
When I create a file "asd_aöü" locally on the machine (with the help of ssh - putty), it looks fine, but when I connect by samba or filezilla again the umlauts are not displayed correctly.
Do you understand my problem? What can I do?
Thanks!
Last edited by cyberius (2011-02-19 10:12:19)

Did you check the locale settings on your Windows machine?

Date can not display correctly in excel from .jsp

Hi,
I create a .jsp report to export the data to excel. the report run OK, except the date field can not display correctly.
for example in database :start date ='01-oct-2003'
in the except it displays to 02/06/02.
It seem all the date field can not be control in the report, and control by somthing else
Doese anyone come accross this problem?
Thanks

Hi Rong,
Are you using the following demonstration to build your JSP?
http://otn.oracle.com/products/reports/htdocs/getstart/demonstrations/index.html
(Output to Excel with Oracle9i Report)
I tried to do the same, and inserted a database date field in the JSP using Reports. I found the following:
While making the template inside Excel, if I make sure that the format of the date cells is "Date" - some particular date format, the date field values from Reports does not get exported correctly.
However, if you make sure that inside the template, the format of the date cells is not date, but "General", then the date field values are correctly exported to Excel.
Pl try it and let us know.
Navneet.

BPS_WB: Please Wait Dialog Box not Displaying correctly???

When we switched our Planning Interfaces to using the New Planning Interface Design the Please Wiat Dialog Box does not display correctly.
When a Request is fired and the client is waiting for the Response all that shows is a white block in the middle of the screen with no dialog screen or other information.
It maybe associated with the following:
function bpsOpenURLSelf(doIt, url)
      if (doIt) {
        try {
            document.body.style.cursor = "wait"; // works only in IE
        } catch (ex) {} // ignore
        open(url,'_self');
      // note: function with doIt==false is used to check
      //       existence of the opener window
Or it may be associated with a CSS issue?
I am currently using IE 6.0.2900.2180.
Any thoughts would be appreciated!
Thanks, ATC

Hi Alan,
please implement SAP note 845305.
Regards
Marc
SAP NetWeaver RIG

Why is Times New Roman not displaying correctly in Illustrator CS5?

Alright, so I'm running Windows 7 64-bit and Illustrator CS5.
Times New Roman Regular does not display correctly on my machine when using Illustrator CS5, but Bold, Italic, Italic Bold display just fine. Times New Roman does display correctly in every other program I use. InDesign, Word, etc. I've attached a screenshot to show what I mean. Please help!

Hi,
I have an absolutely same bug - looks like font substitute
I had reinstall font family - no changes. Win 8.1 Illustrator CC.

Report does not display correctly when exported to adobe

Post Author: mgisonda
CA Forum: Crystal Reports
Hopefully someone can help me. I am currently running Crystal Reports profession version 10. I have applied service pack 1 and recently service pack 6. I am having a problem with the display of a report within adobe. My report is a bit complex. It is a 8.5x11 one page landscape report. It is set up in a grid format with multiple lines and boxes drawn on it. Here is the report information: Report Definition----
Number of Database Fields: 144 Number of On-Demand Formulas: 40 UFLs in use: None Page N of M Used: No File Format Schema: 10.2.0 I created the report using CR developer. I use the report within a web project. The user requests the report and it returns to the user, an adobe file of the report. However, this is where I am having trouble. On my local development machine, the report displays fine. In CR developer, the report displays fine. When I export the report to Adobe from the CR Developer, it exports fine. BUT when I run the report from my web site, the adobe file that is returned is broken up over 42 pages. What seems to be actually happening is the return adobe file seems to think that the page size is 2in X 4in.. Where it got that, I don't know.The server running IIS is a windows server 2003. It has adobe 8.0 reader on it. I also have Crystal 10 Server Distribution loaded on it. And I have loaded CR10 Service pack 6 on that as well. Below is the web code that is used to display the report:Imports CrystalDecisions.Shared'Imports CrystalDecisions.CrystalReportsImports CrystalDecisions.CrystalReports.EngineImports CrystalDecisions.CrystalReports.Engine.ReportClassPublic Class PrintInspectionLayout Inherits System.Web.UI.Page Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Dim mNotInSpringDesign As String Dim mPartType As String mNotInSpringDesign = Request.QueryString("NotInSpringDesign") If mNotInSpringDesign = "TRUE" Then mStockCode = Request.QueryString("StockCode") lblNotInSpringDesign.Text = "Stock Code #: " & mStockCode & " does not exist in Spring Design." lblNotInSpringDesign.Visible = True Response.Write("<br><br><br><br><br><font color='blue'><center><a href='SpringDesignWildCardSearch.aspx'>Go To Search Page</a></center></font>") Else mStockCode = Request.QueryString("StockCode") Dim pList As ParameterValues = New ParameterValues Dim paramName, paramValue As String Dim pV As ParameterDiscreteValue = New ParameterDiscreteValue Dim Report As ReportDocument= New ReportDocument Dim expOpts As ExportOptions = New ExportOptions Dim pdfRtfWordFormatOpts As PdfRtfWordFormatOptions = expOpts.CreatePdfRtfWordFormatOptions Dim expFormatOpts As ExportFormatOptions = expOpts.ExportFormatOptions expOpts.ExportFormatType = ExportFormatType.PortableDocFormat mPartType = Request.QueryString("PartType") 'SELECT THE INSPECTION LAYOUT TYPE TO PRINT Select Case mPartType Case Is = "C" Report.Load(MapPath("./Reports/CompressionLayout.rpt")) 'Report.Load(MapPath("./Reports/PCAR.rpt")) Case Is = "E" Report.Load(MapPath("./Reports/ExtensionLayout.rpt")) Case Is = "T" Report.Load(MapPath("./Reports/TorsionLayout.rpt")) Case Is = "W" Report.Load(MapPath("./Reports/WasherLayout.rpt")) Case Is = "F" Report.Load(MapPath("./Reports/FreeFormLayout.rpt")) Case Else End Select pV.Value = mStockCode pList.Add(pV) Report.DataDefinition.ParameterFields("StockCode").ApplyCurrentValues(pList) Response.ClearContent() Response.ClearHeaders() Response.ContentType = "Application/pdf" Report.ExportToHttpResponse(expOpts, Response, False, "") Report.Close() End If End Sub Any ideas as to the solution? Why is it not displaying correctly? I have spent two days researching every FAQ to try to find an answer, but to no avail. Please any help would be greatly appreciated. ThanksMike

Hi Paul
You're more likely to get an answer to this if you post in the UNIX forum.
By the looks of it, you may have a problem with your fonts.

Overlapping DIV not displaying correctly

Similar Messages

Maybe you are looking for