ComboBox Lable position problem

Hello!
I am using Flex 4 and an MX ComboBox because I can set rowCount.
Problem is, using Lucida font, the text is badly positioned vertically as shown in the image.
How can I fix this please?

Thank you!

Similar Messages

ComboBox caret position

I am developing a form with ComboBox as a subject (the user can choose one from the list , or type one)
and TextArea where the user can write his notes (attached a picture)
The user using a virtual keyboard (touch) to enter any characters.
(I am using the append method to append the next Char to the TextInputControl class (both Combo and TextArea Inherit from it
When I try to deletePreviousChar() in the TextArea it works, but in ComboBox it fails
I put some System.out.println() (I am an old fashion guy) to see what is the problem and it seems that with the ComboBox the class is loosing the Caret position after every action
Here is my code: (Look it also as a attached picture)
public void changed(ObservableValue<? extends String> observable,
String oldVal, String newVal) {
if (newVal != null) {
if (lastNodeInFocus instanceof TextArea) {
switch (newVal) {
case Keyboard.KEY_CODE_DLT_PREV_CHAR:
System.out.println("TA - dlt :" + notes.getCaretPosition());
notes.deletePreviousChar();
break;
default:
System.out.println("TA - Append B :" + notes.getCaretPosition());
notes.appendText(newVal);
System.out.println("TA - Append A :" + notes.getCaretPosition());
break;
}else{
switch (newVal) {
case Keyboard.KEY_CODE_DLT_PREV_CHAR:
System.out.println("CB - dlt :" + topTenSubjects.editorProperty().getValue().getCaretPosition());
System.out.println(topTenSubjects.editorProperty().getValue().deletePreviousChar());
break;
default:
System.out.println("CB - append B :" + topTenSubjects.editorProperty().getValue().getCaretPosition());
topTenSubjects.editorProperty().getValue().appendText(newVal);
System.out.println("CB - append A :" + topTenSubjects.editorProperty().getValue().getCaretPosition());
break;
keyboard.keyPressed.set(null);
Here is the Debug results: CB = Combo TA = TextArea B=Before A=After , the numbers are the caret position (also attached as a picture )
CB - append B 0
CB - append A :1
CB - append B 0
CB - append A :2
CB - append B 0
CB - append A :3
CB - append B 0
CB - append A :4
CB - dlt 0
false
CB - dlt 0
false
TA - Append B 0
TA - Append A :1
TA - Append B :1
TA - Append A :2
TA - Append B :2
TA - Append A :3
TA - Append B :3
TA - Append A :4
TA - dlt :4
TA - dlt :3
TA - dlt :2
TA - dlt :1
Maybe it is a Bug?
Shlomo

Hi all
I opened at JIRA an issue RT-40120
It will be reviewed by Oracle team and will be resolved at version 9
Shlomo

Mic comboBox xy positions wrong in page load at first time....

i made a camChooser using camboBox component.
every thing is fine. but first time (page loading) camCombo(video combo) component x,y positions is ok, but micCombo(mic) x,y positions going to 0, 0.
after i refresh the page then going to correct position.
What is the wrong...?
please help...?
Code:
//====================Video SetUp ==========================
var cam:Camera = Camera.getCamera();
cam.setMode(canWidth, camHeight, camFPS, false);
cam.setQuality(camBW, camQuality);
cam.setMotionLevel(10, 2000);
videoDisp.attachCamera(cam);
videoDisp.smoothing = true;
var DDTextFormat:TextFormat = new TextFormat();
DDTextFormat.size = 10;
DDTextFormat.font = "Arial";
var camCombo:ComboBox = new ComboBox();
addChild(camCombo);
camCombo.textField.setStyle("textFormat",DDTextFormat);
camCombo.dropdown.setRendererStyle("textFormat",DDTextFormat);
camCombo.x = 130;
camCombo.y = 180;
camCombo.width = 110;
camCombo.height = 20;
for (var i:uint = 0; i < Camera.names.length; i++)
          camCombo.addItem({label:Camera.names[i], data:i});
setdropdownwidths();
function setdropdownwidths()
     var selectindex:Number = camCombo.selectedIndex;
     var maxLength:Number = 0;
     var j:uint;
          for (j = 0; j < camCombo.length; j++)
          camCombo.selectedIndex = j;
          camCombo.drawNow();
          var currText:String = camCombo.text;
          var currWidth:Number = camCombo.textField.textWidth;
          maxLength = Math.max(currWidth,maxLength);
     camCombo.selectedIndex = selectindex;
     camCombo.dropdownWidth = maxLength + 20;
camCombo.addEventListener(Event.CHANGE, onSelectCam);
function onSelectCam(event:Event):void
          cam = Camera.getCamera(camCombo.selectedItem.data);
          videoDisp.attachCamera(cam);
          videoDisp.smoothing = true;
          cam.setMode(canWidth, camHeight, camFPS, false);
          cam.setQuality(camBW, camQuality);
          cam.setMotionLevel(10, 2000);
//====================Audio SetUp ==========================
var micCombo:ComboBox = new ComboBox();
addChild(micCombo);
micCombo.textField.setStyle("textFormat",DDTextFormat);
micCombo.dropdown.setRendererStyle("textFormat",DDTextFormat);
for (var k:uint = 0; k < Microphone.names.length; k++)
     micCombo.addItem({label:Microphone.names[k], data:k});
micCombo.x = 130;
micCombo.y = 158;
micCombo.width = 110;
micCombo.height = 20;
micCombo.addEventListener(Event.CHANGE, onSelectMic);
var mic:Microphone = Microphone.getMicrophone();
init();
function init()
     mic.gain = 60;
     mic.rate = 11;
     mic.setUseEchoSuppression(true);
     mic.setSilenceLevel(15, 1000);
function onSelectMic(event:Event):void
     mic = Microphone.getMicrophone(micCombo.selectedItem.data);
     init();

i'm facing same problem.....
but i getting first time this error
Error: Error #1502: A script has executed for longer than the default timeout period of 15 seconds.
          at broadcaster_fla::MainTimeline/frame1()[broadcaster_fla.MainTimeline::frame1:177]
177 line is
177:      for (var m:uint = 0; j < Microphone.names.length; j++)
178:          {
179:                    micCombo.addItem({label:Microphone.names[j], data:j});
180:                   micCombo.dropdown.rowHeight = 15;
181:                    micCombo.dropdown.horizontalLineScrollSize = 5;
182:         }

Spry Menu Bar Positioning Problem in IE

I have a Dreamweaver-created Spry Menu Bar drop down menu which works perfectly in every browser on my Mac and on my PC . . . EXCEPT Internet Explorer (who woulda thunk it?!!)
In all browsers except for IE, the 3 submenu items under "Door Systems" and "Gallery" appear exactly as they should in a vertical row, positioned just below the brown line below the navigation links and all the same width. But in IE they appear higher up and with different widths. IE is ignoring the rules for width and position.
<ul id="MenuBar2" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="closet_doors_gallery.html">DOOR SYSTEMS</a>
      <ul>
        <li><a href="sliding_doors_nyc_nj.html">DOOR PROFILES</a></li>
        <li><a href="bifold_doors_nyc_nj.html">PANELS COLORS</a></li>
        <li><a href="room_dividers_nyc_nj.html">DOOR SYSTEM TYPES</a></li>
      </ul>
    </li>
</ul>
<ul id="MenuBar3" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="#">GALLERY </a>
      <ul>
        <li><a href="#">SLIDING DOORS</a></li>
        <li><a href="#">BI-FOLD DOORS</a></li>
        <li><a href="#">ROOM DIVIDERS</a></li>
      </ul>
    </li>
</ul>
Here is the page where you can see the problem if you view it with IE, and see that it's fine in Safari, and Firefox,    Chrome and Opera, Mac or PC:
http://2113web.com/indeco/index.html
I have a feeling it's a simple fix of the css, but I can't figure it out - I would really appreciate anyone's help with it - thank you!
Below is the CSS:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    font-weight:bold;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    white-space: nowrap;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: auto;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    top: 63px; /*THIS POSITIONS THE SUBMENU BELOW THE TOP MENU*/
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    float: none;
    background-color:#f5f5e8;
    height:25px; /*THIS POSITIONS THE SUBMENUS HEIGHT*/
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border:none;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: transparent;
    padding: 0.5em 0.75em;
    color: #59330d;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: transparent;
    color: #afa06f;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: transparent;
    color: #afa06f;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%)
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%)
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%)
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%)
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
Perry

Hi and thank you very much. It was a little confusing as to whether you meant to add the rules you suggested or to replace them, or a combination of both, but I puzzled it out. I created a new MenuBarHorizontal.css file in a blank page and then made the changes you suggested and it works! Yay! I had to do a bit of tweaking to get it to look just the way I wanted, but it now works correctly in ie 7 and 8 and still works fine in everything else.
Interestingly enough, I had to change the margin-top: 63px; rule in "ul.MenuBarHorizontal ul.MenuBarSubmenuVisible" to 40px to get it positioned properly vertically, and I had to get rid of the "border-bottom: solid 1px #EEE;" in "ul.MenuBarHorizontal ul li", which caused the submenu items to have quite a lot of vertical space between them - I'm not sure why!
I also had to get rid of all the syling rules in the "SUBMENU INDICATION: styles if there is a submenu under a given menu item" section, as well as the one you added: "ul.MenuBarHorizontal a.MenuBarItemSubmenu {
    padding: 0.5em 2em 0.5em 0.75em;"
With that done, it works great in both ie7 and ie8, so thank you for the help. Below is the new css that works, in total.
Not being as familiar with the subtleties of CSS as you and many others obviously are, I'm REALLY curious as to exactly what is different that causes this to work now, and would be happy to hear your expanation, if you feel like taking the time to explain. If not, no problem - it works and that is the most important thing! So, thank you again -
Perry
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: auto;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    margin-top: 40px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    display: block;
    float: none !important;
    width: auto;
    white-space: nowrap;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #f5f5e8;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
      background-color: #f5f5e8;
    color: #afa06f;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
      background-color: #f5f5e8;
    color: #afa06f;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
    background: transparent;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;

Photo Gallery: 2 positioning problems

hey, first i'd like to say, great photo gallery, it's exactly
what i needed for my site :)
now, as for the problems i'm having..
i need to place the gallery into part of a table, but i am
have 2 issues with this.
1. the main images resize the table automatically, depending
on the size of the image. however, it only changes the height of
the table. it does not alter the width of it.
--i do not want this to happen, i would like the table to
stay one fixed size.
2. the thumbnails, regardless of what position i move them
to, when moused over they move back to the original top left corner
position.
--again, i would like them to remain fixed at wherever i
place them at.
i've looked through the css code and am having a bit of
trouble trying to figure out just what to edit to make this doable.
though, i'm not even sure if it's something that's part of the css
code or if it's another part of the site that needs altered
instead.
any suggestions?

problem resolved.. was a rather easy fix.. not sure how i
screwed it up the first time though..but either way, it works
fine.

Font Smoothing + Relative Positioning = Problem

Hello,
I ran across a strange inconsistency while designing a relative position based layout.
My page has two divs, both relative positioned for height. They do not overlap. The page renders excellent in Firefox 3.5, and not bad in Chrome (though a little different from FF). Safari however pushes my second div down too far.
I found that by disabling font smoothing (or rather switching it to anything besides "windows standard") fixes this issue. However there isn't even any actual text on the site, at all. There's 4 images, a couple input fields and a submit button.
I can post some of the code, or example screenshots of what's happening. I've tried a couple css hacks to target safari (without targeting chrome) with no success. Anybody have any advice?
Thanks,
Tom

Please disreard...
I got it figured out. I just moved the paragraph tag outside
of the table
and changed the position from bottom:50% to top:50%
once the <p> was moved out of the table, it's normal
position would be at
the very top. So, I moved it 50% down from the top using
relative
positioning. Being inside the table caused it to not work in
Gecko? I
wonder why?
"-D-" <[email protected]> wrote in message
news:f7fr0d$jb8$[email protected]..
> I'm using relative positioning for an <p> tag that
is positioned normally
> at the bottom of a table cell "valign="bottom".
>
> I set the paragraph tag to <p
>
style="position:relative;bottom:50%;text-align:center;line-height:1.6em;">
>
> so, the text will position itself 50% from the bottom
positioning. This
> works fine in IE, but Mozilla and Netscape still
position the text at the
> bottom of the table cell.
>
> Here is the test page to see what is happening:
>
http://www.dwayneepps.com/contact.aspx
>
> fill out the form and click send to see the problem.
>
> Thanks for any help.
>

Offset div / positioning problem in IE

I've posted this problem in another thread but it was a sub question. Anyway, the problem I'm having is positioning a div over all other divs. I've managed to get it to work perfectly fine on Firefox and Chrome the way I wanted. The problem is usually when it comes to internet explorer. I just want the image or div placed on the right side of the site but changing the properties always has the same result, internet explorer places is far beyond where it's suppose to be. I'll add images, the code, and the live site below. Any help would be appreciated.
Chrome View:
Firefox View:
*IE View (Wrong):
Website: http://emergencyclean-up.com
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Emergency Clean Up Homepage</title>
<style type="text/css">
body {
          background-color: #333333;
#entireSite #sidebar #spacer {
          height: 300px;
          width: 350px;
#entireSite #sidebar #newsletter {
          background-image: url(../Images/NewsLetterBackground.png);
          height: 165px;
          width: 350px;
          color: #FFF;
</style>
<link href="main.css" rel="stylesheet" type="text/css" />
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('../Images/Buttons/buttonOver_01.gif','../Images/WaterDamageOver .png','../Images/FireDamageOver.png','../Images/MoldRemediationOver.png','../Images/SootRe movalOver.png','../Images/OdorControlOver.png','../Images/facebook-logoOver.png','../Image s/yelp-logoOver.png','../Images/LinkedIn_logoOver.png','../Images/twitter-logoOver.png')">

<div style="width:100%;">
<div style="width:900px; margin-left:auto; margin-right:auto;">
<div style="width:100%; float:left;background-color:#333333;">

<div id="navbarArea">

<div align="center">
<div id="navbar">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><strong><a href="index.html">Home Page</a> </strong></li>
    <li><strong><a href="About Us.html">About Us</a></strong></li>
    <li><strong><a href="Services.html">Services</a> </strong></li>
    <li><strong><a href="Testimonials.html">Testimonials</a></strong></li>
    <li><strong><a href="Contact Us.html">Contact us</a></strong></li>
    <li><strong><a href="Special Offers.html">Special Offers</a></strong></li>
</ul>
</div></div>

</div>


<div id="entireSite">

<div id= "sidebar">

<div id= "spacer">
</div>


<div id= "newsletter">
<center><font size="5">Subscribe to Our Newsletter</font></center>
<form action="subscriptionform.php" method="post" id="Newsletter">
<table width="100%" border="0" cellpadding="3">
<tr>
    <td>Name:</td>
    <td><input name="News Letter Name" type="text" size="30" maxlength="40" /></td>
</tr>
<tr>
    <td>Email:</td>
    <td><input name="News Letter Email" type="text" size="30" maxlength="40" /></td>
</tr>
<tr>
    <td>Zip Code:</td>
    <td><input name=" News Letter Postal Code" type="text" size="10" maxlength="12" /></td>
</tr>
</table>
<center><input name="Subscribe" type="Submit" id="Subscribe" /></center>
</form>
</div>

</div>


<div id= "maintext">

<div id= "titlebar">
<br />
</div>

<br />
<center><img src="../Images/Logo.png" width="500" height="160" alt="Logo" />
<br />
<br />
<center>Choose from one our various services offered here at Emergency Clean-up.</center>
<br />
<table width="100%" border="0" cellpadding="0">
<tr>
    <td><center><a href="Water Damage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('WD','','../Images/WaterDamageOver.png',1)"><img src="../Images/WaterDamage.png" alt="Water Damage" name="WD" width="75" height="75" border="0" id="WD" /></a>
    <br />
    Water Damage</center></td>
    <td><center><a href="Fire Damage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FD','','../Images/FireDamageOver.png',1)"><img src="../Images/FireDamage.png" alt="Fire Damage" name="FD" width="75" height="75" border="0" id="FD" /></a>
    <br />
    Fire Damage</center></td>
    <td><center><a href="Mold Remediation.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('MR','','../Images/MoldRemediationOver.png',1)"><img src="../Images/MoldRemediation.png" alt="Mold Remediation" name="MR" width="75" height="75" border="0" id="MR" /></a>
    <br />
    Mold Remediation</center></td>
    <td><center><a href="Soot Removal.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('SR','','../Images/SootRemovalOver.png',1)"><img src="../Images/SootRemoval.png" alt="Soot Removal" name="SR" width="75" height="75" border="0" id="SR" /></a>
    <br />
    Soot Removal</center></td>
    <td><center><a href="Odor Control.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('OC','','../Images/OdorControlOver.png',1)"><img src="../Images/OdorControl.png" alt="Odor Control" name="OC" width="75" height="75" border="0" id="OC" /></a>
    <br />
    Odor Control</center></td>
</tr>
</table>
<br />
<center> For more services please click <a href="Services.html">here</a>. </center>
</div>


<div id= "bottombar">
<img src="../Images/bottomBar.png" width="900" height="25" alt="bottombar" /></div>


<div id= "hotlinks">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('FB','','../Images/facebook-logoOver.png',1)"><img src="../Images/facebook-logo.png" alt="Facebook" name="FB" width="25" height="25" border="0" id="FB" / align="left"></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('YP','','../Images/yelp-logoOver.png',1)"><img src="../Images/yelp-logo.png" alt="Yelp" name="YP" width="25" height="25" border="0" id="YP" / align="left"></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('TR','','../Images/twitter-logoOver.png',1)"><img src="../Images/twitter-logo.png" alt="Twitter" name="TR" width="25" height="25" border="0" id="TR" / align="left"></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('LI','','../Images/LinkedIn_logoOver.png',1)"><img src="../Images/LinkedIn_logo.png" alt="Linked In" name="LI" width="25" height="25" border="0" id="LI" / align="left"></a>
</div>


<div id= "copyright">
<br />
<p align="right">Content copyright 2012. EMERGENCYCLEAN-UP.COM. All rights reserved.</p>
</div>

</div>

<div id="containerEmergency"><img src="../Images/emergency contact.png" width="220" height="220" />
</div>
</div>
</div>
</div>

<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

I often find that differences between FF and IE often boil down to errors in closing page element tags... like not closing <div> or <script> tags. So first validate and fix any of those issues:
http://validator.w3.org/
a number of those 35 errors relate to closing tags.
Then to review z-indexing (stacking order) from an older post:
Maybe this will help clear up any misunderstanding you have about declared positioning as well as the use of z-indexing:
The actual display of a positioned element will depend on whether or not it's parent element also has a declared position or not.
z-indexing ONLY works with elements that have a declared position.
Using a declared position like absolute tells and browser to take that element out of the natural flow and do something different with it. So you've got the browser parsing in order from top to bottom, then throwing in some elements that are completely out of the flow.... they can be very hard to control, because there are special rules that apply to elements with declared positions.
The least understood of those rules is what I call the "Parent Rule". Giving an element a declared position like relative or absolute can have huge differences in how that element is actually displayed depending on whether or not the PARENT of that element also has a declared position.
So a div which is position:absolute for example will display one way if it's parent also has a declared position and it will display in a completely different manner if it's parent does NOT have a declared position... to review:
If a div's parent container DOES NOT also have a declared position, the child <div> will do 1 of 2 things.
If position:relative, it will position as desired but space will be left as though that element was still in the natural flow. So you may move the 500 X 100 element down and over, but a 500 X 100 space will be left, as though it was still there.
If position:absolute, child is positioned relative to browser window and that position does not change even if window contracts or expands.
So be sure to give a declared position to both the parent and the child <div>.
Neglecting to follow this rule is the main reason why the use of declared positioning fails.
And just one more point, almost never is it necessary to use a declared position, and that method certainly should not be used for general page layout.
But if and when a special situation comes up that you really do need z-indexing... then of course you will also have to use a declared position. Understanding the "Parent Rule" will make working with z-indexing and declared positions much easier and more successful.
Best wishes,
Adninjastrator

Positioning problems develop with template

I have been developing a template or templates for a site in order to make child pages, there will be some variations in these pages but would like them to remain as similar as possible and use the same style sheet if possible. The overall page is simple and works OK but as the content variations solidify as does the css to accommodate it problems arise. It starts as a body, wrapper, header (includes logo, and navigation table) left col, right col and a footer. I wanted to be able to have more than 12 thumbs and keep the page at 600px height so a scroll bar was needed. I put an AP div in the left column the full width of the col and the height of four thumb frames and the problems start, The heading over it cannot scroll with the content so it must be outside the AP div. In a browser it drops under the table and its div. I went through all css rules for the assoc. divs zeroing margins & padding, but it didn't work so I nested this AP div in another the full side of the left col. while that worked I don't Know why it moved in the first place, or why all the margin zeroing for the #leftColumn a link, the #leftColumn and #content did nothing. Is the Nested AP divs the way to go, and should I go back and take out all the margin and padding changes that did nothing? the pages are athttp://www.thunderbirdtrading.ca/Test-1.dwt this is the page with the shift, and uses the first style sheet, the corrected page is Test-2 using the second sheet and the odd thing is that Test-3 views correctly using the third style sheet which doesn't have nested AP divs
http://www.thunderbirdtrading.ca/css/apparelHomeAP.css
http://www.thunderbirdtrading.ca/css/apparelHomeAPNest.css
http://www.thunderbirdtrading.ca/css/apparelItemsAP.css
I would like to be able to change the left column table to 3 4 & 6 row tables (they are library items) to make different pages, also the right column block of text in Test-1 and Test-2 for the two column table in Test-3, is it advisable or possible to write css rules for different content appearing in the same div? That is one template making many templates by changing library items all using the same style sheet? Are there guidelines as to when to attach a second sheet?
Thanks hope someone can shed a little light.
CH

Using APDivsions as your primary layout method is going to drive you crazy.
http://apptools.com/examples/pagelayout101.php
Try changing top value to provide some extra room between your logo and scrolling division:
#apDivLeftCol {
    position:absolute;
    width:240px;
    height:405px;
    z-index:8;
   top: 250px;
    overflow: auto;
    left: 0;
    text-align: center;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Position problem with four zoom areas at a slide

Hi to all,
my problem, i've made a slide, containing a single picture (periodic table). Then, i added four zoom areas at the elements C, H, S and N. Source areas are 45 by 45 px, target areas are 180 to 180 px. I try to set fixed postions for the targets (Target || position X || Position Y):
Target 1
90
330
Target 2
290
330
Target 3
490
330
Target 4
690
330
The result looks really ugly, size and positions went totally wrong. This is just an examples, sometimes, the target areas are overlap each other, looks like a silly randomizer at work...
Maybe anyone can give me a idea/solution to fix this?
Thanks in advance
Marc

If you use CP5 or CP5.5 I would use Effects in this case: a combination of a motion path and scaling. Try to find the correct combination, save as a custom effect and apply to all the elements where you want the Zoom.
Lilybiri

Vertical Menu position problem

Hi everyone,
I'm trying to figure out how to manage the position of a vertical menu aligned on the left of the page.
I have a centered background image. Depending on the size of the browser window the position of the menu varies and appears off. How can I align it to some position so that it follows coordinates of the background image.
How would I go about to achieve this?
Thanks in advance,
JS

As JTANNA said in another discussion, our psychic powers don't work so well on holidays.
Please post a URL to your problem page. The answers to layout questions are in your code. Without seeing your page, all we can do is make wild guesses.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

CSS Logo position problem

Hello
I have been recently working on a web project. In the project I have a css file Thats suppose to position the logo image.
This is the css code:
/** LOGO */
#logo {
width: 830px;
height: 90px;
margin: 0 auto;
margin-top: 10px;
margin-left: 200px;
background: url(images/img04.jpg) no-repeat left top;
Margin-top moves the logo down and margin-left moves the logo in alignment. The problem is that when I view the
page on different screen sizes margin-left makes the logo image automatically move to the middle of the page.
Instead of staying in the required position.
Can any one help.
Thanks.

Hi Thanks so much for the reply.
I want to add more information.
This is the css:
body {
    margin: 0;
    padding: 0;
    background: url(images/img01.jpg) repeat-x left top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #66665E;
h1, h2, h3 {
    margin: 0;
    text-transform: uppercase;
    font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #0C95C9;
h1 { font-size: 44px; }
h2 { font-size: 18px; }
h3 { }
p, ul, ol {
    margin-top: 0;
    line-height: 240%;
    text-align: justify;
ul, ol { }
blockquote { }
a { color: #0C95C9; }
a:hover { text-decoration: none; }
a img {
    border: none;
img.left {
    float: left;
    margin: 7px 30px 0 0;
img.right {
    float: right;
    margin: 7px 0 0 30px;
hr { display: none; }
.list1 {
.list1 li {
    float: left;
    line-height: normal;
.list1 li img {
    margin: 0 30px 30px 0;
.list1 li.alt img {
    margin-right: 0;
#wrapper {
/* Header */
#header-wrapper {
#header {
    width: 920px;
    height: 45px;
    margin: 0 auto;
/* Menu */
#menu {
    float: left;
    width: 640px;
    height: 45px;
#menu ul {
    margin: 0;
    padding: 10px 0px 0px 5px;
    list-style: none;
    line-height: normal;
#menu li {
    display: block;
    float: left;
#menu a {
    display: block;
    float: left;
    margin-right: 3px;
    padding: 3px 25px 2px 25px;
    text-decoration: none;
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
#menu a:hover { text-decoration: underline; }
#menu .current_page_item a {
    height: 20px;
    background: #FEC200 url(images/img02.jpg) repeat-x left top;
    color: #FFFFFF;
#menu .first {
    background: none;
/* Search */
#search {
    float: right;
    width: 250px;
    height: 45px;
#search form {
    float: right;
    margin: 0;
    padding: 12px 30px 0 0;
#search fieldset {
    margin: 0;
    padding: 0;
    border: none;
#search input {
    float: left;
    font: 12px Georgia, "Times New Roman", Times, serif;
    border: none;
#search-text {
    width: 135px;
    height: 18px;
    padding: 3px 0 0 5px;
    border: 1px solid #333333;
    background: #ECF9E4;
    color: #000000;
#search-submit {
    height: 25px;
    margin-left: 10px;
    padding: 1px 10px;
    background: #C0C0C0 url(images/bg_grey.jpg);
    color: #000000;
/* Page */
#page {
    width: 920px;
    margin: 0 auto;
#page-bgtop {
    padding-top: 30px;
    /** LOGO */
#logo {
    width: 920px;
    height: 90px;
    margin: 0 auto;
    background: url(images/img04.jpg) no-repeat left top;
#logo h1, #logo p {
    margin: 0px;
    line-height: normal;
    text-transform: lowercase;
    font-weight: normal;
    color: #FFFFFF;
#logo p {
    text-transform: lowercase;
    font-size: 10px;
#logo h1 {
    padding-top: 54px;
    font-size: 34px;
#logo a {
    text-decoration: none;
    color: #FFFFFF;
/* Content */
#content {
    float: center;
    width: 920px;
    height: 800px;
    padding-top: 0px;
    padding-right: 0px;
/* Post */
.post {
    background: url(images/img07.jpg) repeat-x left bottom;
    margin-bottom: 25px;
.post .title {
    height: 30px;
    color: #549900;
.post .title a {
    text-decoration: none;
    color: #585D60;
.post .date {
.post .meta {
    margin-top: -10px;
    padding: 2px 30px 2px 16px;
    background: url(images/img03.gif) no-repeat left 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10px;
    color: #66665E;
.post .meta span {
    display: block;
    margin-top: -10px;
.post .meta a { }
.post .entry {
    padding: 10px 0;
.post .links {
    margin: 0 250px 0 0;
    padding: 0 0 0 0px;
.post .links .comments {
.post .links .permalink {
    padding-left: 17px;
/* Sidebar */
#sidebar {
    float: left;
    width: 177px;
    padding-left: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #585D60;
#sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
#sidebar li {
    margin-bottom: 30px;
    padding: 0 0 10px 0px;
#sidebar li ul {
#sidebar li li {
    margin: 0;
    padding: 7px 10px 10px 7px;
    background: url(images/img07.jpg) repeat-x left bottom;
#sidebar p {
    margin: 0;
    padding: 0px 10px;
#sidebar h2 {
    height: 26px;
    margin: 0 0 10px 0px;
    padding: 12px 0 2px 7px;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: normal;
    color: #464F54;
#sidebar p {
    line-height: 200%;
#sidebar a {
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    color: #585D60;
/* Calendar */
#calendar {
#calendar caption {
    padding-bottom: 5px;
    font-weight: bold;
#calendar table {
    width: 100%;
    border-collapse: collapse;
    border-bottom: 1px solid #24130F;
    border-left: 1px solid #24130F;
    border-right: 1px solid #24130F;
#calendar thead th {
    padding: 5px 0;
    text-align: center;
    border-top: 1px solid #24130F;
    border-left: 1px solid #24130F;
    background: #24130F;
#calendar tbody td {
    padding: 5px 0;
    text-align: center;
    border-top: 1px solid #24130F;
    border-left: 1px solid #24130F;
    border-bottom: 1px solid #24130F;
#calendar tfoot td {
    padding: 5px;
    border-left: 1px solid #24130F;
    border-bottom: 1px solid #24130F;
#calendar tfoot #next {
    border-top: 1px solid #24130F;
    text-align: right;
#calendar tfoot #prev {
    border-top: 1px solid #24130F;
#calendar .pad {
    border-bottom: 1px solid #24130F;
#calendar #today {
    background: #24130F;
/* Footer */
#footer {
    width: 920px;
    height: 49px;
    margin: 0 auto;
    padding-top: 50px;
#footer-bgcontent {
    margin: 0px;
    padding: 0px;
    height: 99px;
    background: #394144;
#footer p {
    margin: 0;
    text-align: center;
    line-height: normal;
    text-transform: uppercase;
    font-size: 10px;
    color: #FFFFFF;
#footer a {
    color: #E5FFC4;
This is the Mainpage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Uimodo</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="../style/style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="jquery/jquery-1.4.3.min.js"></script>
</head>
<body>
<div id="wrapper">
    <div id="logo">
</div>
<hr />
    
    <div id="header">
      <div id="menu">
        <ul>
          <li><a href="Vidmin.php" class="first">Home</a></li>
          <li><a href="Other.php">Other</a></li>
        </ul>
      </div>
      
      <div id="search">
        <form method="get" action="">
          <fieldset>
            <input type="button" id="search-submit" onclick="window.location.href='now.php'" value="UPLOAD NOW" />
          </fieldset>
        </form>
      </div>
      
</div>
    
    
    <div id="page">
    <div id="page-bgtop">
        <div id="content">
          <table width="920" border="0" align="center" cellpadding="4">
            <tr>
              <td height="42" valign="top"><table width="415" height="41" align="right">
                <tr>
                  <td width="215" height="35" align="center"> </td>
                  <td width="60" align="center"><a href="" target="_blank"><img src="../Logo/fblogo.png" alt="" width="34" height="33" /></a></td>
                  <td width="124"><a href="" target="_blank"><img src="../Logo/twitlogo.png" alt="" width="34" height="33" /></a></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td height="72" valign="top" align="center"><table width="859" height="72" border="0">
                <tr>
                  <td width="293" height="49"><div align="center"><font size="5" color="#333333">Signup</font></div></td>
                  <td width="14"> </td>
                  <td width="296"><div align="center"><font size="5" color="#333333">Login</font></div></td>
                </tr>
                <tr>
                  <td height="17"><div align="center" id="register"></div></td>
                  <td> </td>
                  <td><div align="center" id="loginstatus"></div></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td height="269" valign="top" align="center"><table width="908" height="291" border="0" align="center" cellpadding="3" bgcolor="#CCCCCC">
                <tr>
                  <td width="401" height="287" align="center" valign="top"><form id="register_form" method="post" action="">
                    <table width="300" height="291" >
                      <tr>
                        <td height="23" colspan="2"> </td>
                        </tr>
                      <tr>
                        <td width="85" height="36"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif">Username :</font> <br />
                          </div></td>
                        <td width="203"><input name="realname" id="realname" type="text" size="30" value='<?Php echo $profile['displayName'];?>'/></td>
                        </tr>
                      <tr>
                        <td height="45"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif">Email :</font> <br />
                          </div></td>
                        <td><div align="left">
                          <input name="email" id="email" type="text" size="30" value='<?Php echo $profile['email'];?>'/>
                          <input name="propic" id="propic" type="hidden" size="30" value='<?Php echo $profile['photo'];?>'/>
                          </div></td>
                        </tr>
                      <tr>
                        <td height="81"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif">Security :</font> <br />
                          </div></td>
                        <td><div align="center"><img src="CaptchaSecurityImages.php?width=150&height=40&characters=8" alt="captcha"/></div>
                          <p>
                            <input name="security_code" id="security_code" type="text" size="30" />
                            </p></td>
                        </tr>
                      <tr>
                        <td height="45"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif">Password:</font> <br />
                          </div></td>
                        <td><div align="left">
                          <input name="password" id="password" type="text" size="30" />
                          </div></td>
                        </tr>
                      <tr>
                        <td height="45"> </td>
                        <td><div align="left">
                          <input type='submit' name="submit" id="submit" value='Sign Up'/>
                          </div></td>
                        </tr>
                      </table>
                    </form></td>
                  <td width="6" align="center"></td>
                  <td width="475" align="center" valign="top"><form method='post' id='login_form'>
                    <table width="300" height="176" >
                      <tr>
                        <td height="19" colspan="2"> </td>
                        </tr>
                      <tr>
                        <td height="36"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif" >Email :</font> <br />
                          </div></td>
                        <td><div align="left">
                          <input name='emailenter' type='text' id='emailenter' size="25" />
                          </div></td>
                        </tr>
                      <tr>
                        <td height="45"><div align="right"><font color="#333333" size="3" face="Arial, Helvetica, sans-serif">Password :</font> <br />
                          </div></td>
                        <td><div align="left">
                          <input name='passcode' type='password' id='passcode' maxlength='15' size="25" />
                          </div></td>
                        </tr>
                      <tr>
                        <td height="45"> </td>
                        <td><div align="left">
                          <input type='submit' name='submit' value='Login'/>
                          <a href="ForgotPassword.php">Forgot Password?</a></div></td>
                        </tr>
                      </table>
                    </form></td>
                </tr>
              </table></td>
            </tr>
            <tr>
              <td height="23" valign="top" align="center" > </td>
            </tr>
          </table>
</div>
        
        <div style="clear: both;"> </div>
    </div>
    </div>
    
    <div id="footer-bgcontent">
    <div id="footer">
        <p>Copyright (c) . </p></div>
    </div>
    
</div>
</body>
</html>
Please just focus on the logo div. It suddenly moves to the middle on different screen size etc. Hope you can help.

Css background-position problem

Hello, I get a problem with this style:
<style type="text/css" media="screen">
html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
body {
background-color:#ffffff;
background-image:url(images/myimage.jpg);
background-position: center bottom;
background-repeat:repeat-x;
</style>
In ie7 works fine, in firefox 2 the bottom position doesn't
work...
Any suggestion ?
Thanks
howdy

Hello, this is the page, simply copy and paste.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>test background</title>
<style type="text/css" media="screen">
html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
body {
background-color:#ffffff;
background-image:url(
http://img179.imageshack.us/img179/2401/backgroundkc8.jpg);
background-position: center bottom;
background-repeat:repeat-x;
#layer1{
text-align: center;
width: 300px;
margin-right: auto;
margin-left: auto;
border: 2px double #003333;
</style>
</head>
<body>
<div id="layer1">Lorem ipsum dolor sit amet,
consectetuer adipiscing
elit. Quisque cursus, justo a tincidunt volutpat, dui orci
feugiat
justo, at varius odio est quis turpis. Integer nisl enim,
condimentum
et, eleifend et, posuere quis, risus. Nam convallis. Integer
diam dui,
accumsan mattis, dignissim at, dictum rutrum, justo. Praesent
lacinia.
Cras a diam. Aenean quis elit. Duis mauris erat, aliquet nec,
malesuada
laoreet, aliquam sit amet, magna. Ut turpis metus,
sollicitudin ac,
fermentum non, pretium eu, augue. Nunc faucibus, leo eu
pharetra
ultrices, sem augue ultricies risus, at egestas velit lectus
ac velit.
Suspendisse pretium nibh dapibus turpis. Praesent felis mi,
vestibulum
eu, pellentesque et, consequat eu, ante. Nulla accumsan enim
et pede.
Suspendisse potenti.
Donec eget nulla. Proin et est. Integer volutpat, dolor
scelerisque
bibendum egestas, lacus dui venenatis odio, vitae varius
massa eros sit
amet ligula. Curabitur tellus. Curabitur ultricies volutpat
tellus. In
sodales. Duis cursus mi eu dui placerat porta. Mauris laoreet
turpis at
nunc. Vivamus volutpat, metus dignissim accumsan hendrerit,
turpis
turpis aliquet nulla, non viverra dui dui quis quam. Mauris
sem nunc,
laoreet in, elementum vitae, tempor a, libero. Cras ac turpis
sit amet
risus cursus ultrices. Sed id quam.
Nulla tortor ligula, adipiscing nec, ornare eu, gravida in,
justo. Sed
elementum vestibulum lectus. Mauris lectus mauris, convallis
nec,
posuere quis, lacinia at, felis. Vestibulum ante ipsum primis
in
faucibus orci luctus et ultrices posuere cubilia Curae;
Aenean cursus
quam eget dui. Maecenas sapien. Aenean pellentesque lobortis
mi. Quisque
tempor ipsum in libero. Pellentesque habitant morbi tristique
senectus
et netus et malesuada fames ac turpis egestas. Class aptent
taciti
sociosqu ad litora torquent per conubia nostra, per inceptos
himenaeos.
Quisque lacus tellus, ornare quis, euismod et, lacinia sed,
justo. Proin
auctor nisi sed tortor. Fusce in justo et nisl fermentum
vehicula.
Quisque urna felis, lacinia at, viverra in, fermentum ut,
lacus. Duis
tempus. Morbi bibendum libero vitae diam faucibus placerat.
Praesent eu sapien. Sed ut velit quis magna lobortis
malesuada.
Phasellus dignissim risus ac est. Pellentesque semper sem.
Donec porta
nulla nec quam. Pellentesque aliquet risus id quam. Proin
tincidunt erat
nec nunc. Praesent euismod fringilla ipsum. Donec ornare.
Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Sed leo.
Proin non nisi non neque porta tempus. Proin varius velit eu
sapien.
Pellentesque pulvinar arcu id ante. Nunc eu diam. Phasellus
euismod,
felis in scelerisque pharetra, diam augue eleifend mi, a
rutrum mauris
arcu nec orci. Proin sed erat. Pellentesque et libero.
Aliquam ante
velit, ultrices ut, fermentum ac, cursus ut, est. Etiam vitae
nisl ac
metus cursus viverra. Proin non felis. Donec massa. Nullam
quam lectus,
pulvinar eget, condimentum at, tristique in, quam. Proin
vehicula
elementum diam. Proin sapien. Praesent suscipit, lorem at
dapibus
fringilla, orci elit facilisis lacus, at dictum augue velit
quis enim.
Mauris eu mauris. Aliquam rhoncus fermentum pede. Vestibulum
gravida
vulputate mauris.
Pellentesque consectetuer. Cras tellus justo, iaculis vitae,
semper at,
scelerisque porta, tortor. Pellentesque at mi sed tellus
pellentesque
ultricies. In quis pede. Integer vel tortor at dui elementum
suscipit.
Praesent interdum posuere odio. Integer mollis mattis ipsum.
Duis id
metus ut nulla molestie sagittis. Suspendisse faucibus urna
vel metus.
Sed bibendum, dolor sit amet rhoncus rutrum, lorem turpis
pharetra
tortor, quis viverra neque lorem eget massa. Lorem ipsum
dolor sit amet,
consectetuer adipiscing elit. Suspendisse vestibulum arcu
vitae odio.
Fusce enim lacus, porttitor nec, scelerisque non, viverra eu,
enim. Sed
mauris. In hac habitasse platea dictumst. Duis porta mauris
quis orci.
Donec suscipit turpis eu dui egestas suscipit. Suspendisse
potenti. Cum
sociis natoque penatibus et magnis dis parturient montes,
nascetur
ridiculus mus. In hac habitasse platea dictumst.
Cras in arcu a mi iaculis ultricies. Pellentesque sed lorem
at sem
euismod blandit. Nullam pede lacus, interdum eu, aliquam a,
pretium vel,
sem. Pellentesque fringilla leo feugiat nibh. Cras non enim.
Donec
luctus ante vel diam. Mauris volutpat sapien eget nunc. Donec
nec lectus
nec leo iaculis fringilla. Sed felis magna, cursus et,
hendrerit sit
amet, pretium at, sapien. Vivamus ornare neque facilisis
arcu. Vivamus
nisi leo, varius ac, sodales ut, dapibus eget, eros.
</div>
</body>
</html>

Datagrid combobox as itemrenderer problem.

Hi All,
     I have different problem. i have a datagrid with10-20 rows. Different item renderers in all columns(6 - 10 columns). In that a single column has combobox as item rederer.
     I have to serve different dataprovider for each row's combobox. I assigned dataprovider by overriding data property. is this right?.
     while my datagrid has scrollbar frequently my rows are refreshing. This makes bad my app.
     Please help me.

Yes, what you are doing is right, if you think that once the data provider is set on the combobox, and it does not change(except the selected value) then do not assign the data provider from override.
I would create a dirty flag in the combo itemrend and set this to true once the dataprovider is set on the combo, and will not set the dp again when the override data is called by looking at this dirty flag.

Matrix column position problem in screen painter.

hi.
i am facing one problem.
ie.
i am developing one screen.
it is having 3 matrix
each matrix is having some columns
one matrix ok two matrix ok thrid matrix ok.
but
under third matrix i put some columnes
1, 2 ,3, 4,
in screen painter design mode every thing is ok
it is appearing like 1,2,3,4
but at preview mode or through the code if i open
it is appearing like 1, 4,3,2
in preview mode screen painter if i click on the form settings it is showing only..
matrix one columns only it is not showing either 2 or 3
and if i open the form through the code..
i am able to see the columns of matrix 1 n matrix 2 and matrix 3
i am using some code.
If (pVal.FormUID = "WIP2PROCESS" And pVal.ItemUID = "1000007") Then
                            oForm = SBO_Application.Forms.Item("WIP2PROCESS")
                            oForm.PaneLevel = 2
                            oForm.Settings.Enabled = False
                            oForm.Settings.MatrixUID = "59"
                        End If
now through the source code i am able to see the each column under matrix.
but if i change the matrix position at form setting it is changing but
if i click other folder and come back to previous folder..
again the column position is   1, 4,3,2
previously i changed to 1,2,3,4
how can i do it..
screen painter can i change it..
Any information plz update me..

Hi Srinivas,
Can you do one thing for me ? Open your form in screen painter, set the columns as you want to display. Now change the unique id for the matrix. Then try to open it through code or see in preview mode.
Hope it helps.
Thanks & Regards
Ankit Chauhan

Mixed Signal Graph, Selected Cursors, and Cursor Position Problems

I'm trying to work around an issue with a single multiplot cursor on a mixed-signal graph (doesn't work right, R&D bug report #100830) by grabbing the selected cursor x-position and updating that position across all four cursors, as seen below:
However, I'm having two problems.
One, the selected cursor is not always the actual selected cursor. Quite often, especially when selecting and dragging cursors 3 & 4 (indexed 2 & 3), the selected cursor shows up as 0 or 1.
Two, and the one I'm more concerned about, is the fact that the four cursors X-positions never completely line up. In every case, whichever cursor is deemed to be "selected", the other three will align to some point (the same for all three) that is offset from the actual value. Please note that the X-values in my demonstration are identical (1000 points from 0.001 to 1) so I don't see this as being some snap issue where the value is offsetting to the closest available on the other arrays.
I've attached my scratchpad demo.vi as an illustration.
Any help or insight is appreciated.
Thanks,
Mike Webster
Attachments:
demo.vi ‏47 KB

I believe I found where the issue resides at least and a workaround. This is a problem with XY graphs in general when trying to programmatically control the cursor position. Somehow, the software goes looking for the nearest point instead of the identical point and has some sort of issue with its search algorithm. Switching from attempting to match position to copying the cursor 'index' completely cleared up the problem I was having. In the particular application I'm working on, the four graphs have identically spaced data on the X-axis, so this solution should work fine for me.

ComboBox Lable position problem

Similar Messages

Maybe you are looking for