Css layout issue with IE

Hi Folks,
I've tried two different things in my stylesheet and each
produces an odd error that I'm not sure what the deal is. I'm
working with a wraper, leftnav and content area. when I do this
#leftWrap
width: 190px;
float: left;
clear: both;
#content
margin-left: 140px;
border-left: 1px solid gray;
padding: 1em;
max-width: 500px;
I end up with my individual products clearing the left menu
and showing up way down on the page in IE
an example product page is:
http://pinkgolftees.com/p-13-tatoo-golf-jordyn-ladies-high-performance-poly-dri-polo-shirt .aspx?skinid=9
when I change my stylesheet the product looks fine, but then
my list of manufacturers clears the left side. here's what I've
changed to:
#leftWrap
width: 190px;
float: left;
clear: both;
#content
margin-left: 140px;
border-left: 1px solid gray;
padding: 1em;
width: 590px;
sample manufacturer page is here:
http://pinkgolftees.com/m-3-tattoo-golf.aspx?skinid=9
I'm not sure what the deal is and why I can't have both work
or why they produce different results. can anyone shed some light
for me?
thanks
Mark

OK, I figured out a way to do this. It was the float property
that was causing the grief. So, I changed this:
float: right;
to this:
margin-left: auto;
margin-right: 0px;
Which fixed it up.
Peter.

Similar Messages

CSS Layout issue!! Help Urgent!!

I am having a problem with creating a css layout, in the past i used tables and am trying to convert my sites for my customers. I have layed out the website using divs and css and it looks great until i put in the cosing of the menu bar. when i put in the coding for the menu bar suddenly the bar has a padding around it but i cannot find a padding that would change this in the css coding. I need this done asap! so please help. ill show my coding below:
this is the div coding:
<div id=Nav>
   <ul class="dropdown" id="Bar"; width: 879px" name="Bar">
         <li class="style16" style="width: 161px; height: 22px">
   <a href="default.html" style="width: 146px">Home</a></li>
         <li class="style10" style="width: 169px; height: 23px">
   <a href="about.html" style="width: 153px">About</a></li>
     <li class="" style="height: 31px; width: 175px; left: 0px; top: 0px">
   <a href="Equipment.html" class="style18">
   <div class="style10" style="width: 156px; height: 20px;">
    Equipment</div>
   </a> <ul class="sub_menu">
            <li><a href="compressor.html">Air Compressors</a></li>
            <li><a href="compactions.html">Compaction</a></li>
            <li><a href="concrete.html">Concrete Equipment</a></li>
            <li><a href="forklifts.html">Fork Lifts</a></li>
            <li><a href="generators.html">Generators</a></li>
            <li><a href="groundthawing.html">Ground Thawing</a></li>
            <li><a href="heaters.html">Heaters</a></li>
            <li><a href="scissorlifts.html">Scissor Lifts</a></li>
            <li><a href="boomlifts.html">Boom Lifts</a></li>
            <li><a href="lighttowes.html">Light Towers</a></li>
            <li><a href="misc.html">Misc.</a></li>
            <li><a href="dirtequipment.html">Dirt Equipment</a></li>
            <li><a href="powertools.html">Power Tools</a></li>
            <li><a href="pumps.html">Pumps | Saws | Welders</a></li>
                 </ul>
         </li>
         <li style="width: 165px"><a href="locations.html">
   <div class="style10" style="width: 154px">
    Locations</div>
   </a>
           </li>
             <li style="width: 180px"><a href="contact.html">
   <div class="style16" style="height: 24px">
    Contact Us</div>
   </a>         </li>
        </ul>
</div>
This is the css coding:
#wrapper {
width: 880px;
margin-right: auto;
margin-left: auto;
background-color: #f4f4f4;
#Navigation {
background-image: url(Images/NAvigation%20BAr.jpg);
background-repeat: no-repeat;
width: 880px;
visibility: visible;
height: 3-px;
vertical-align: top;
Nav {
vertical-align: top;
margin: 0px;
padding: 0px;
clear: both;
height: 20px !important;
#wrapper1 {
width: 876px;
margin-right: auto;
margin-left: auto;
color: #F4F4F4;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Opera */
background-image: -o-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #716375), color-stop(1, #E8E8E8));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to right, #716375 0%, #E8E8E8 100%);
margin-bottom: auto;
#Bar {
background-repeat: no-repeat;
width: 880px;
height: 28pt;
overflow: visible;
background-image: url(Images/NAvigation%20BAr.jpg);
position: relative;
vertical-align: top;
#container {
width: 880px;
color: #000;
background-color: #EDEDED;
dominant-baseline: 578px;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Opera */
background-image: -o-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #716375), color-stop(1, #E8E8E8));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(left, #716375 0%, #E8E8E8 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to right, #716375 0%, #E8E8E8 100%);
margin-bottom: auto;
#content {
float: left;
color: #090;
width: 580px;
padding-right: 6px;
background-color: #033;
margin-top: 20px;
.container {
color: #000;
background-color: #ff6;
width: 876px;
#expect {
height: 164px;
width: 294px;
float: right;
position: relative;
background-color: #C90;
margin-left: 582px;
padding-top: 10px;
#hours {
float: left;
height: 55px;
width: 294px;
line-height: 4px;
word-spacing: normal;
white-space: normal;
display: inline;
letter-spacing: normal;
padding-top: 10px;
font-size: 13pt;
color: #000;
margin-left: 586px;
background-color: #F99;
#footer {
height: 76px;
width: 880px;
background-color: #CC0;
clear: both;
#cards {
float: right;
height: 31px;
width: 294px;
margin-left: 582px;
padding-top: 10px;
background-color: #F36;
#contact {
float: left;
height: 328px;
width: 293px;
word-spacing: normal;
white-space: normal;
line-height: 1px;
color: #000;
display: inline;
font-size: 14pt;
background-color: #FFF;
padding-top: 10px;
margin-top: 20px;
#header {
background-image: url(Images/Proquip%20Logo/Proquip%20logo2.jpg);
background-repeat: no-repeat;
background-position: center center;
width: 885px;
height: 126px;
background-color: #000;
margin-right: 2.5px;
margin-left: 0px;
#wrapper #container #contact p strong {
color: #800000;
font-size: 14pt;
#wrapper #container #contact blockquote p a {
color: #000;
#wrapper #container #expect div {
color: #900;
font-size: 14pt;
font-weight: bold;
#wrapper #container #hours div {
color: #900;
font-size: 14pt;
font-weight: bold;
#box2 {
background-image: url(Images/Option%201/Services/whitebox2.jpg);
#box3 {
background-image:url(Images/Option%201/Services/redbox2.jpg);
background-repeat:no-repeat;
background-position: center center;
#gold {
background-image:url(Images/Option%201/Logos/gold.gif);
background-repeat:no-repeat;
#white {
background-image:url(Images/Option%201/ProQuip-Pics/box1.gif);
background-repeat:no repeat;
#forklift {
background-image:url(Images/Option%201/ProQuip-Pics/34-01-4380.jpg);
background-repeat:no-repeat;
#scissorlift {
background-image:url(Images/Option%201/ProQuip-Pics/jlg-scissor-lifts-21.jpg);
background-repeat:no-repeat;
/* Navigation Menu- Level one */
ul {
list-style: none
ul.dropdown {
font-size: 13pt;
color: #000000;
height: 25px;
text-decoration: none !important;
width: 860px;
position: relative;
vertical-align: top;
ul#Bar.dropdown {
width: 878px;
position: relative;
vertical-align: top;
ul.dropdown li {
font-weight: 600;
float: left;
zoom: 1;
font-family: Arial, Helvetica, sans-serif;
font-size: 13pt;
display: block;
width: 175px;
color: #000000;
top: 25px;
text-decoration: none !important;
text-align: center;
ul.dropdown a:hover {
color:#cc0000;
ul.dropdown a:active {
color: #000000;
ul.dropdown li a {
display: block;
border-right: 1px solid#333;
color: #000000;
border-right-width: 1px;
text-decoration: none !important;
text-align: center;
ul.dropdown li:last-child a {
border-right:none; /* does not wotk in IE */
text-decoration:none !important; }
ul.dropdown li.hover,
ul.dropdown li.hover {
color: #000000;
position: relative;
height: 28px;
top: 0px;
ul.dropdown li.hover a {
color:#800000;
/* Level Two Navigation */
ul.dropdown ul {
width: 180px;
visibility: hidden;
position: absolute;
top: 100%;
left: 36%;
display: block;
float: left;
color: #000000;
text-decoration: none !important;
height: 25px;
ul.dropdown ul li {
font-weight: normal;
color: #000000;
border-bottom: 1px solid #ccc;
float: left;
border-bottom-color: #c0c0c0;
border-bottom-style: groove;
display: block;
background-color: #dbdbdb;
text-decoration:none !important;
/* IE 6&7 needs inline block */
ul.dropdown ul li a {
border-right: none;
display: inline-block;
height: 18px;
line-height: 16px;
color: #000000;
width: 100%;
text-decoration: none !important;
/* Level Three Navigation */
ul.dropdown ul ul {
top: 100%;
color: #000000;
text-decoration: none !important;
ul.dropdown li:hover>ul {
visibility: visible;
color: #000000;
top: 30px;
text-decoration: none !important;

I have the site using tables up and running, this is a website for a client so I cant make a test site using that domain would it be ok if I screen shot'ed the problem?
Date: Thu, 24 Apr 2014 12:19:44 -0700
From: [email protected]
To: [email protected]
Subject: CSS Layout issue!! Help Urgent!!
    Re: CSS Layout issue!! Help Urgent!!
    created by Jon Fritz II in Dreamweaver support forum - View the full discussion
Well, you're not using position:absolute, so you've got a big thumbs up from a bunch of us for that.
Is there any chance you could post a link to this page on your server? It's much easier to troubleshoot from a browser than it is to rebuild the page from code fragments.
If you haven't gone live with the page yet, create a folder called TEST in your site and save copies of the page and css there. Upload TEST and post a link to it here. Once the problem is found/fixed, delete TEST from the server.
You can also attempt to use Firefox or Chrome to find your issue by right clicking > Inspect Element. All CSS that affects a given element will be displayed with file name and line numbers there.
     Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/6327947#6327947
     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/6327947#6327947
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/6327947#6327947. In the Actions box on the right, click the Stop Email Notifications link.
           Start a new discussion in Dreamweaver support forum at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

Layout issue with af:tree component

I am using af:tree component but I am finding layout issue with it. I have a requirement where in I need the tree to stretch to the available space but a horizontal and a vertical scrollbar comes up automatically. Is there a way to handle this issue?

User, without your jdev version it's hard to help.
Have you embedded the tree component in a stretch layout?
Timo

[svn:osmf:] 10644: fixed some layout issues with the MediaPlayerWrapper.

Revision: 10644
Author:   [email protected]
Date:     2009-09-28 09:36:33 -0700 (Mon, 28 Sep 2009)
Log Message:
fixed some layout issues with the MediaPlayerWrapper.
Modified Paths:
    osmf/trunk/apps/samples/framework/MediaPlayer/src/com/adobe/strobe/players/MediaPlayerWra pper.as
    osmf/trunk/apps/samples/framework/MetadataSample/src/MetadataSample.mxml
Property Changed:
    osmf/trunk/libs/VAST/

Hi Chanh
I have not come upto the level of testing the file generated with IRS. Will keep you posted what happens there.
Shannon,
Apparently the new version of 1546868 fixes the issue for box number 7. But if the amounts are huge in box numbers 1 or 3 or 15a (they use these in my client) then the amount overflows to the nearby box. So we have again opened an issue again with SAP & will keep you posted withwhat SAP comes up with.
Thanks
Regards
Morgan

CSS Layout Issues

Hi there,
I'm having issues with the layout of a site I doing for a friend. I searched the forum and I understand how to stack images. However, when the site is rendered in Firefox, alignment is wrong - looks close to what is should be in Dreamweaver but totally in the browsers. In Safari, it's completely messed up. It looks decent in IE. I validated both the CSS and HTML and the code seems to be fine but I'm scratching my head in how to find out what is causing the output issues. Sigh...Please help. Attached are the 2 html files and one css file.
Thank you for your help in advance!

Thank you.
Here's a link: http://muphoricsounds.com/arinmaya - so bizarre now. The pages are rendering online somewhat correctly (need to optimize images - loading is long-ish...and need to tweak a few things). But please take a look and advise if there is something I should be doing better. Many thanks!
The CSS is for the test.css:
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-color: e5e3e3;
    background-color: #662244;
#wrapper {
    position: relative;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    top:0px;
#box1 {
    position: absolute;
    width: 1000px;
    height:786px;
    background-color: #B0C4DE;
    border:2px solid #FFFFFF;
#box2 {
    position: absolute;
    bottom: 20em;
    right:2em;
    width:617px;
    background-color: #FFFAFA;
#navigation {
    position: absolute;
    bottom: -493px;
    right: 20px;
    width: 570px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-color: E5E3E3;
    top: 140px;
.navigation a:link, a:visited {
    color: #D6DCF7;
    text-decoration: none;
.navigation a:hover, a:active {
    text-decoration: none;

Safari CSS layout changed with new 5.1 version??

The latest release of Safari (5.1 6534.50) for OS X 10.6.8 and Windows that was released just after Lion was launched has caused some strange changes in the layouts of my Web sites. On certain pages with form fields, text on the same line has changed position to where some of the text now is positioned higher than other parts of the text.
The only difference in the text is the use of BOLD tags or SPAN tages around text. THis also seems to only occur in a row where there is text AND a form field, such as a text input field. Very very strange. No other release of Safari to-date has ever screwed up formatting - its typically IE that has all those problems.
Here is a sample of a place where some bold tags causes the text to jump around:
And the code:
<tr>
<td class="frmColTR1">Billing Contact (l,f)</td>
<td class="frmColL2">
<input type='text' name='bill_contact_lname' value="Last" size='18' maxlength='60'>
<input type='text' name='bill_contact_fname' value="First" size='18' maxlength='60'>
<b>Visa</b> expires on: <b>12/2013</b> in <b>29</b> months</td></tr>
I really dont want to have to go back and change hundreds of pages of our online application to have special code just for Safari to deal with this new formatting bug.
Does anyone at Apple have any ideas as to why this issue is occuring?

I'm seeing quite a few layout issues on various sites. I'm a little surprised that no more people have been complaining.

HTML+CSS conversion issue with nth-child() selector

Why doesn't Adobe Acrobat XI Pro convert the below HTML code correctly when I try to create a PDF from it?
I've simplified the actual code significanly in order to present the problem in its simplest possible form. The code below uses the CSS "counter" feature to modify <li> elements according to a specific pattern. This code enumerates and indents every third line in the progression 1,4,7,10,13, ...
In Firefox and Internet Explorer, this code is displayed correctly, but Acrobat XI Pro ignores the lines with the "nth-child(3n+1)" selector which contain directives to hide line enumeration on non-matching lines and to indent text on matching lines. Acrobat XI Pro instead displays line enumeration for all lines and doesn't indent text on any line, as if the two directives containing the "nth-child(3n+1)" selector were not present at all.
Is this a bug or is it an unsupported feature in Adobe Acrobat XI Pro?
Whichever the case, any suggestions on a not too labourious alternative method to achieve the same result?
As things are, I've been forced to resort to using the so called "poor man's nth-child selector" workaround (abouthalf.com/development/poor-mans-nth-child-selector-for-ie-7-and-8/), which requires manual specification of each line's content with ever-increasing code extension/repetition. It gets the job done, but in a very messy and time-consuming way, and it only works with pre-defined static content. In terms of size, the difference is that of less than 1kb CSS file size when using the nth-child() selector vs more than 75kb CSS file size when using the above mentioned workaround, for a 250 line predefined stylesheet.
Surely there has to be a better way to deal with this issue? Support for a core HTML/CSS feature that generates ordered layout patterns for line enumeration, indentation, etc, would seem like a top priority feature to support in a product such as Adobe Acrobat Pro, given its focus on page layout...
<html>
<head>
<style type="text/css">
body { margin: 75px 90px; }
li { list-style-type: none; counter-increment: listing; }
li:after { content: counter(listing); float: right; margin-right: -2em; visibility: visible; }
li:not(:nth-child(3n+1)):after { visibility: hidden; }
li:nth-child(3n+1) { text-indent: 25px; }
</style>
</head>
<body>
<li>Line One</li>
<li>Line Two</li>
<li>Line Three</li>
<li>Line Four</li>
<li>Line Five</li>
<li>Line Six</li>
<li>Line Seven</li>
<li>Line Eight</li>
<li>Line Nine</li>
<li>Line Ten</li>
</body>
</html>

Any suggestion what the issue and/or solution might be?

CSS Layout Issue

Using CSS I am attempting my first tableless page layout and
I am bumping up against a problem I cannot figure out. I am posting
this hoping that kind soul out there will take a drive by and tell
me what I'm doing wrong.
Testing with Firefox and IE6&7 for PC and Mac, Netscape
7.2 and Safari for the Mac, all seem to work. My HTML and CSS both
validated at W3C.
I initially worked out some bugs and it was working well
until I updated Netscape from 8.1 to 8.1.2. A rollover that belongs
on the farthest right is now pushed out of position and appears
below the masthead. Resulting in an additional scroll bar under the
masthead area and along the right side. My content appears below
this additional scroll bar.
You can see the page here:
http://www.voicedatacable.com/index2.html
The css is here:
http://www.voicedatacable.com/styles/main.css
To summarize, I have my div tags nested in this fashion:
<overall_page_container>
<masthead_container>
<masthead_row1 />
<masthead_row2_1 />(float: left)
<masthead_row2_2 />(float: left)
<masthead_row2_3 />(float: left)
<masthead_row2_4 />(float: left)
<masthead_row2_5 />(float: left)
</masthead_container >
<content_container />
<footer />
</overall_page_container >
I hope someone out there can tell me what I'm missing here.
Thanks in advance.

Change this -
DIV#logo {
BACKGROUND: url(images/images/logo.gif);
FLOAT: left;
MARGIN: 0px 0px 0px 70px;
WIDTH: 225px;
HEIGHT: 150px
to this -
DIV#logo {
BACKGROUND: url(images/images/logo.gif);
FLOAT: left;
MARGIN: 0px 0px 0px 70px;
WIDTH: 225px;
HEIGHT: 150px;
DISPLAY:inline;
and see what happens.
It's the IE double margin bug.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"dog n' moon" <[email protected]> wrote in
message
news:e28epu$l3o$[email protected]..
> In Safari, the two top elements are horizontally level
with each other. I
> just
> checked on Win XP and the navigation cluster is below
the logo, so the
> float is
> not working...
> URL is:
>
http://hopehouseoc.com/admission.html
>
> any help with CSS floats or a better way to set these
two elements even
> with
> each other horizontally?
>
> thanks in advance
>

Layout issue with Crystal Grouping

Dear all,
I have created a report with Graph and the records on the group level. The data and graph is showing perfectly fine however the problem is the layout.
Right after the graph, data starts to show up, which means, the data adjusts itself either on page 1 or 2 by itself. That makes the report look really bad because half of the data is on the first page and half is on the second page.
I have looked at the section expert options but did not find where I could say "Start section Group1b from new page".
Could someone please guide me to the right place?
here is how report shows up
Page1
Graph
Data
Data
Data
Page 2
Data
Data
Data
What I would like it to do is
Page1
Graph
Page2
Data
Data
Data
Data
Data
The Group Footer is divided from Group 1a to Group 1p.
Regards
Jehanzeb

I think I answered my own question while typing the question.
I placed the graph on the group header and kept the footer for the data and clicked on Keep group together.
It worked like a charm
Regards

Css layout issues in IE

Hi have put together my first full css site -2 divs in a
content div - but columns don't go right down to footer.
http://www.person2person.net.au/"
Also content div does not go al the way down - colour
missing.
Also text in entry page seems to move right down below image.
Below is the ext ernal style sheet for layout.
Really appreciated. Gianni
HTML {height: 100%;}
BODY {
height:100%;
font-family: "trebuchet ms", arial, tahoma, verdana,
sans-serif;
font-size: 13px;
/**** BANNER *****/
#banner{
width:100%;
height:60px;
margin: 0 auto;
margin-top: 0px;
#bannerInner{
width:700px;
height:60px;
margin:0 auto;
top: 0px;
#bannerInner #logo{
width:286px;
height:164px;
float:left;
#entryInner{
width:413px;
height:440px;
margin:0 auto;
top: 10px;
/**** BANNER *****/
/**** CONTENT *****/
#content{
width:700px;
margin:0px auto 0%;
background-color: #FFFFFF;
height: 100%;
padding-bottom: 120px;
#entrycontent{
width:413px;
margin:0px auto 0%;
background-color: #FFFFFF;
height: 100%;
padding-bottom: 120px;
#mainLeft{
width:335px;
margin-left:5px;
float:left;
padding-right:0px;
padding-bottom: 96px;
#resourcesLeft{
width:700px;
margin-left:auto;
float:left;
padding-right:5px;
padding-bottom: 30px;
background-color: #FFFFFF;
#resourcesRight{
width:120px;
float:left;
padding-top:20px;
padding-bottom: 20px;
padding-right: 5px;
#mainRight{
width:320px;
float:left;
padding-top:20px;
padding-bottom: 0px;
padding-right: 5px;
#image{
text-align:center;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
#resourcescontent {
width:700px;
padding-left:0px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0px;
padding-bottom: 0px;
#contactLeft{
width:350px;
margin-left:5px;
float:left;
padding-right:0px;
padding-bottom: 0px;
/**** CONTENT *****/
/**** MENU *****/
#menu{
width:700px;
height:25px;
margin:0 auto;
background-color: #660000;
#menu ul{
padding: 0;
margin: 0;
list-style:none;
#menu li{
float:left;
#menu li a{
height:25px;
width:110px;
line-height: 25px;
display: block;
text-align:center;
color: #FFFFFF;
font-family: "trebuchet ms", arial, tahoma, verdana,
sans-serif;
#menu li a#last{
#menu li a:hover#last{
background-position:left bottom;
#menu li a:hover{
background-position:left bottom;
color: #FF6600;
/**** MENU *****/
/**** FOOTER *****/
#footer{
background:#990000;
width:110%;
height:20px;
clear:both;
#footerInner{
width:700px;
height:10px;
margin:0 auto;
padding-right:20px;
text-align:right;
/**** FOOTER *****/
#contentLeft {
float: left;
width: 350px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
#contactmap {
float: left;
width: 550px;
padding-left: 25px;
padding-top: 20px;
#feedback {
clear: none;
height: 560px;
width: 355px;
margin-top: 10px;
margin-left: 10px;
padding: 10px;
background-color: #FFFFFF;
#feedbackcontent {
background-color: #FFFFFF;
clear: none;
height: 560px;
width: 355px;
margin-top: 10px;
margin-left: 10px;
padding: 10px;
#entrypic {
height: 463px;
width: 100%;
margin: 0 auto;
#entrycontent {
height: 150px;
width: 413px;
margin: 0 auto;
clear: both;
#entrytxtcontent {
height: 120px;
width: 403px;
margin: 0 auto;
clear: both;
background-color: #FFFFFF;
float: inherit;
margin-top: 450px;
padding-top: 15px;
padding-left: 10px;
Text

Post a link to the page, please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"ganat" <[email protected]> wrote in message
news:[email protected]...
> Hi have put together my first full css site -2 divs in a
content div -
> but
> columns don't go right down to footer.
>
> Also content div does not go al the way down - colour
missing.
> Also text in entry page seems to move right down below
image. Site
> uploaded
> here:
>
>
> Here is the ext ernal css "style.css" linked:
> HTML {height: 100%;}
> BODY {
> height:100%;
> font-family: "trebuchet ms", arial, tahoma, verdana,
sans-serif;
> font-size: 13px;
> }
>
>
>
>
> /**** BANNER *****/
>
> #banner{
> width:100%;
> height:60px;
> margin: 0 auto;
> margin-top: 0px;
> }
> #bannerInner{
> width:700px;
> height:60px;
> margin:0 auto;
> top: 0px;
> }
>
> #bannerInner #logo{
> width:286px;
> height:164px;
>
> float:left;
> }
>
> #entryInner{
> width:413px;
> height:440px;
> margin:0 auto;
> top: 10px;
> }
>
> /**** BANNER *****/
>
>
>
>
>
>
> /**** CONTENT *****/
>
> #content{
> width:700px;
> margin:0px auto 0%;
>
> background-color: #FFFFFF;
> height: 100%;
> padding-bottom: 120px;
> }
>
> #entrycontent{
> width:413px;
> margin:0px auto 0%;
>
> background-color: #FFFFFF;
> height: 100%;
> padding-bottom: 120px;
> }
> #mainLeft{
> width:335px;
> margin-left:5px;
> float:left;
> padding-right:0px;
> padding-bottom: 96px;
> }
> #resourcesLeft{
> width:700px;
> margin-left:auto;
> float:left;
> padding-right:5px;
> padding-bottom: 30px;
> background-color: #FFFFFF;
> }
> #resourcesRight{
> width:120px;
> float:left;
> padding-top:20px;
> padding-bottom: 20px;
> padding-right: 5px;
> }
> #mainRight{
> width:320px;
> float:left;
> padding-top:20px;
> padding-bottom: 0px;
> padding-right: 5px;
> }
>
> #image{
> text-align:center;
> padding-top: 0px;
> padding-bottom: 0px;
> margin-bottom: 0px;
> }
> #resourcescontent {
> width:700px;
> padding-left:0px;
> margin-top: 0;
> margin-right: auto;
> margin-bottom: 0;
> margin-left: auto;
> padding-top: 0px;
> padding-bottom: 0px;
> }
> #contactLeft{
> width:350px;
> margin-left:5px;
> float:left;
> padding-right:0px;
> padding-bottom: 0px;
>
>
> /**** CONTENT *****/
>
>
> /**** MENU *****/
>
>
>
> }
>
> #menu{
> width:700px;
> height:25px;
> margin:0 auto;
> background-color: #660000;
> }
>
> #menu ul{
> padding: 0;
> margin: 0;
> list-style:none;
> }
>
> #menu li{
> float:left;
> }
>
> #menu li a{
> height:25px;
> width:110px;
> line-height: 25px;
> display: block;
> text-align:center;
> color: #FFFFFF;
> font-family: "trebuchet ms", arial, tahoma, verdana,
sans-serif;
> }
>
> #menu li a#last{
> }
>
> #menu li a:hover#last{
> background-position:left bottom;
> }
>
> #menu li a:hover{
> background-position:left bottom;
> color: #FF6600;
> }
>
> /**** MENU *****/
>
>
>
>
>
>
> /**** FOOTER *****/
>
> #footer{
> background:#990000;
> width:110%;
> height:20px;
> clear:both;
> }
>
> #footerInner{
> width:700px;
> height:10px;
> margin:0 auto;
> padding-right:20px;
> text-align:right;
> }
>
> /**** FOOTER *****/
> #contentLeft {
> float: left;
> width: 350px;
> padding-top: 0px;
> padding-right: 0px;
> padding-bottom: 0px;
> padding-left: 10px;
> }
> #contactmap {
> float: left;
> width: 550px;
> padding-left: 25px;
> padding-top: 20px;
> }
> #feedback {
> clear: none;
> height: 560px;
> width: 355px;
> margin-top: 10px;
> margin-left: 10px;
> padding: 10px;
> background-color: #FFFFFF;
> }
> #feedbackcontent {
> background-color: #FFFFFF;
> clear: none;
> height: 560px;
> width: 355px;
> margin-top: 10px;
> margin-left: 10px;
> padding: 10px;
> }
> #entrypic {
> height: 463px;
> width: 100%;
> margin: 0 auto;
> }
> #entrycontent {
> height: 150px;
> width: 413px;
> margin: 0 auto;
> clear: both;
> }
> #entrytxtcontent {
> height: 120px;
> width: 403px;
> margin: 0 auto;
> clear: both;
> background-color: #FFFFFF;
> float: inherit;
> margin-top: 450px;
> padding-top: 15px;
> padding-left: 10px;
> }
http://www.person2person.net.au/http://www.person2person.net.au/
>

Layout issue with existing form

Hi all,
I have two Oracle 9i Environments. I want to take a custom form from environment A and copy it to environment B. So, I download the fmb from Env A, upload it to Env B and compile it.
My problem is that although the form compiles successfully, when I open it in Application of Env B, I am getting a series of error messages "FRM-41082 Cannot Resize Item position of item places it off of canvas " the layout of the specific Data Block is messed up. The fields are one on top of the other and the layout is totally different from the one in Env A.
Additionally, if I open the fmb with Form Builder (6i) the layout of the specific canvas is messed up as well.
Lastly I have tried to take the fmx from Env A to Env B but a series of other errors occur (like missing parameters etc) and at the same time if a take the fmx from Env B to Env A then layout and the form works like a charm.
Do you have any ideas why this is happening or what to look for?
Thanks!
Edited by: user563887 on Dec 28, 2010 7:27 AM

it shouldn't be a problem if I just copy the .fmb files from one environment to the other and compile without opening in Form BuilderIt can be a problem. You cannot open or compile a form that was built in a higher version in a lower version of Forms Builder or Compiler.
Could I be missing any pll files?Maybe, but this usually gives a "program unit not found" error message. It may also be that you are missing an object library.
Oracle 11.5.9What is this? Are you talking about Oracle Apps? If so, you may want to ask this in the eBusiness Suite forum. There are quite a few very specific things in an Apps environment.

Layout issue with form

I'm working on a site and putting in a google search box,
which is actually a form. My problem is that I've put the form in a
table row that I would like to stay nice and short. However, once
the form is in the row, it acts as if there's a <br> after
it, leaving a space below the form and making the whole row taller.
Is this an html quirk, and is there any way in Dreamweaver to
compensate for it?
The site is still in development, but the page is published
at
http://www.webwomandesign.com/test/cbd
Thanks.

LOL - I like your attitude. Or as we say in Philly, your
att-e-tude.
You can come down for dinner....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Brendan"
<Brendan.Collins@_RemoveThis_Singularity.co.uk> wrote in
message
news:[email protected]...
> Geez sorry Murray! ;-(
>
> Didn't know it would come up as invalid HTML, just know
that it worked for
> me in the past. Thanks for the heads up, will remember
now for the future,
> just as I remembered any time my dad told me off about
something! ;-)
>
> --
> ______________________________________________
> Rate your experiences with your UK and Ireland builders
at
>
http://www.ratethebuilder.co.uk
> =========================================
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> Go to your room! 8)
>>
>> Why recommend invalid HTML to solve an easily solved
problem?
>>
>> Either put the form outside the table altogether,
e.g.,
>>
>> <form>
>> <table></table>
>> </form>
>>
>> or use CSS to manage the form tag's default
top/bottom margins.
>>
>> --
>> Murray --- ICQ 71997575
>> Adobe Community Expert
>> (If you *MUST* email me, don't LAUGH when you do
so!)
>> ==================
>>
http://www.dreamweavermx-templates.com
- Template Triage!
>>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
>> ==================
>>
>>
>> "Brendan"
<Brendan.Collins@_RemoveThis_Singularity.co.uk> wrote in
>> message
>> news:[email protected]...
>> > Wyndy
>> >
>> > Try placing the form tags outside of the
<td> tag or even the <tr> tag.
>> > eg:
>> >
>> > <table>
>> > <tr>
>> > <form>
>> > <td></td>
>> > </form>
>> > </tr>
>> > </table>
>> >
>> > I find that stops the extra space in the table
cell.
>> >
>> > Brendan
>> > ______________________________________________
>> > Rate your experiences with your UK and Ireland
builders at
>> >
http://www.ratethebuilder.co.uk
>> > =========================================
>> >
>> >
>> > "Wyndy" <[email protected]>
wrote in message
>> > news:[email protected]...
>> >> I'm working on a site and putting in a
google search box, which is
>> > actually a
>> >> form. My problem is that I've put the form
in a table row that I would
>> > like to
>> >> stay nice and short. However, once the form
is in the row, it acts as
> if
>> >> there's a <br> after it, leaving a
space below the form and making the
>> > whole
>> >> row taller.
>> >>
>> >> Is this an html quirk, and is there any way
in Dreamweaver to
> compensate
>> > for
>> >> it?
>> >>
>> >> The site is still in development, but the
page is published at
>> >>
http://www.webwomandesign.com/test/cbd
>> >>
>> >> Thanks.
>> >>
>> >
>> >
>>
>>
>
>

FR Layout issue with large number of columns

Hi!
I'm developing a report in FR 11.1.1.3 with over 30 columns.
The issue is that when I run the report in web preview, the dropdown of dimension in page goes to the far right and disappears from the display.
If I reduce the number of the columns I don't have this problem.
I've already tried to maximize the workspace to the maximum without any result.
Can anyone help me to deal with reports with large numbers of columns?
Regards,
Luís
Edited by: luisguimaraes on 13-Mar-2012 06:48

IE8 could be the reason. According to the supported platform matrices (http://www.oracle.com/technetwork/middleware/bi-foundation/oracle-hyperion-epm-system-certific-2-128342.xls), check tab EPM System Basic Platform, row 70, in order IE8 to work, FR and Workspace should be patched.
FR Patch number: 9657652
Workspace Patch number: 9314073
Patches can be found on My Oracle Support. Just search for the patch number.
Cheers,
Mehmet

VBOX Layout issue with offset of a few pixels for the 2nd and 3rd components.

The VBox has 2 components, on clicking the toggle label on the left,
one component is hidden and the other is made visible.
How does one get rid of the padding at the top when the
2nd component is displayed.
At the end of the script are two images with one showing the small padding.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                                 xmlns:s="library://ns.adobe.com/flex/spark"
                                 xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
          <fx:Script>
                    <![CDATA[
      protected function lblSearch_clickHandler(event:MouseEvent):void
          // TODO Auto-generated method stub
          _Debug("Inside "+functionName());
          if(tabnavDetails.visible == true) {
          tabnavDetails.visible = false;
          tabnavSearchDetails.height = tabnavDetails.height;
          tabnavSearchDetails.width = tabnavDetails.width;
          tabnavDetails.height = 0;
          tabnavDetails.width = 0;
          tabnavSearchDetails.visible = true;
          } else if(tabnavSearchDetails. visible = true) {
          tabnavSearchDetails.visible = false;
          tabnavDetails.height = tabnavSearchDetails.height;
          tabnavDetails.width = tabnavSearchDetails.width;
          tabnavSearchDetails.height = 0;
          tabnavSearchDetails.width = 0;
          tabnavDetails.visible = true;
                    ]]>
          </fx:Script>
          <fx:Declarations>
                    
          </fx:Declarations>
          <mx:HBox height="100%" width="100%">
                    <s:Label id="lblSearch" name="lblSearch" buttonMode="true" text="Toggle" color="#2133E4" height="5%" paddingTop="8" click="lblSearch_clickHandler(event)"/>
                    <mx:VBox id="vboxMainBody" name="vboxMainBody" width="80%" height="95%" borderColor="Black"
                                         borderStyle="solid" borderVisible="true" focusColor="#FAFAFA" >
                              <mx:TabNavigator id="tabnavDetails" name="tabnavDetails" visible="true" borderVisible="true" width="100%" height="100%">
                                        <s:NavigatorContent width="100%" height="100%" label="Media Details" >
                                        </s:NavigatorContent>
                                        <s:NavigatorContent width="100%" height="100%" label="Location and Eyeballs">
                                        </s:NavigatorContent>
                              </mx:TabNavigator>
                              <mx:TabNavigator id="tabnavSearchDetails" name="tabnavSearchDetails" visible="false" borderVisible="true" width="0%" height="0%" paddingTop="0">
                                        <s:NavigatorContent width="100%" height="100%" label="Search Details" >
                                        </s:NavigatorContent>
                                        <s:NavigatorContent width="100%" height="100%" label="Location and Eyeballs">
                                        </s:NavigatorContent>
                              </mx:TabNavigator>
                    </mx:VBox>
          </mx:HBox>
</s:Application>

Thank you very much. With so many parameters around and being new to flex, this is not easy. Spent an hour or so and then
decided to ask for help.
Appreciate it.
-Jumroo

CSS/HTML issue with nav bar

I'm trying to create a drop down navigation menu and under my 'Contact' button I want it to drop down and show my social media pages. I'm new to CSS so I am trying to understand where I went wrong...when I hover over 'Contact' it doesn't show anything. Here is my HTML and CSS code:
HTML-
<div class="nav">
    <ul id="nav">
        <li><a href="#">Home</a></li>
            <li><a href="#">Search Homes</a></li>
            <li><a href="#">Buy</a></li>
            <li><a href="#">Sell</a></li>
            <li><a href="#">Blog</a></li>
<li><a href="#">Meet My Team</a></li>
            <li><a href="#">Contact</a>
            <ul>
                <li><a href="#">Facebook</a></li>
                </ul>
            </li>
        </ul>
</div>
CSS-
.nav {
padding-top: 20px;
padding-bottom: 20px;
#nav {
list-style-type: none;
margin: 0;
padding: 0;
#nav li {
display: inline-block;
#nav li a {
padding: 10px;
background-color: #fff;
text-decoration: none;
color: #333;
transition: background .35s ease-in-out;
-webkit-transition: background .35s ease-in-out;
-o-transition: background .35s ease-in-out;
-moz-transition: background .35s ease-in-out;
#nav ul ul {
display: none;
position: absolute;
#nav li a:hover {
color: #333;
background-color: #ccc;
text-decoration: none;
#nav li ul li {
display: none;
position: absolute;
Thanks in advance!

You don't actually have the CSS code for the dropdown action. Here is a very simple example you can work from:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body {
font-family: 'Lucida Grande', 'Helvetica Neue',
Helvetica, Arial, sans-serif;
padding: 20px 50px 150px;
font-size: 13px;
text-align: center;
background: #E3CAA1;
ul {
text-align: left;
display: inline;
margin: 0;
padding: 15px 4px 17px 0;
list-style: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
ul li {
font: bold 12px/18px sans-serif;
display: inline-block;
margin-right: -4px;
position: relative;
padding: 15px 20px;
background: #fff;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
ul li:hover {
background: #555;
color: #fff;
ul li ul {
padding: 0;
position: absolute;
top: 48px;
left: 0;
width: 150px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
ul li ul li {
background: #555;
display: block;
color: #fff;
text-shadow: 0 -1px 0 #000;
ul li ul li:hover { background: #666; }
ul li:hover ul {
display: block;
opacity: 1;
visibility: visible;
</style>
</head>
<body>
<ul><li>Home</li>
<li>About</li>
<li>
    Portfolio
    <ul>
      <li>Web Design</li>
      <li>Web Development</li>
      <li>Illustrations</li>
    </ul>
</li>
<li>Blog</li>
<li>Contact</li>
</ul>
</body>
</html>

Css layout issue with IE

Similar Messages

Maybe you are looking for