Fluid grid website is showing up as two-columns even on very large monitors in IE10

In Firefox and Chrome, the website looks and functions just fine. However, viewing on the same large monitors in Internet Explorer, the webpages are broken up into two columns. To see what I mean, the site is www.PixelHallPress.com

Yes, I use code view and I put the tags you suggested exactly where you had suggested. No, I am not a coder, but I'm pretty good at following directions. Yes, I've been known to make mistakes. Most of the time it's because I know a little code, but not enough to keep myself from getting into trouble (or help get out of it).
The thing is that this website has been behaving just fine for about a year. It works fine in other browsers. IE is the only problem. I tried applying the template from two earlier versions that I know worked previously, and they too are having the display problem in IE
I'm no longer getting that error code, by the way. However, when I place <body> then </body> tags I get an error message that I have an unbalanced body tag. I wonder if the fluid grid template creates its own version of a body tag.
One variable: The host has migrated the site to a new server. Could this have introduced some errors?
I appreciate your advice. Thanks, Sally

Similar Messages

Fluid Grid guides not showing

Anyone else having trouble with getting fluid grid guides to show? I've tried all the obvious solutions... Also, anyone having touble getting the "View in Browser" button to work?

Start with this:
Deleting Corrupted Cache and/or Configuration folder in DW
http://forums.adobe.com/thread/494811
If that doesn't fix things, try this:
Restore Preferences
http://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver-cs4-cs5.html
If that still doesn't fix things, you may need to do a clean re-install.
http://helpx.adobe.com/creative-suite/kb/cs5-cleaner-tool-installation-problems.html
Nancy O.

Fluid grid guides not showing up.

I checked to make sure that they are checked on in the visual aides options and they are. Dreamweaver says it cannot find the Fluid Grid Style, no idea how it got lost or what that means or how to fix that. Multiscreen preview isn't working either.
Please help,
Thanks!

Start with this:
Deleting Corrupted Cache and/or Configuration folder in DW
http://forums.adobe.com/thread/494811
If that doesn't fix things, try this:
Restore Preferences
http://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver-cs4-cs5.html
If that still doesn't fix things, you may need to do a clean re-install.
http://helpx.adobe.com/creative-suite/kb/cs5-cleaner-tool-installation-problems.html
Nancy O.

Show Rows Where Two Columns have Same Data

Hello,
I have a spreadsheet that I need to sort by showing me all the rows where the data is equal between two columns.
I.E. I have a column called Last Name and I have another column, U, with some of those Last Names, I want to sort the spreadsheet to show me only the rows that match up with the same Last Name in coumn a and U.
Thanks for any help.
L

To sort the table:
Add two columns to the table. For this discussion, I'll refer to them as columns AA and AB.
In AA2, enter: =ROW()
Fill to the bottom of the table. With all f these cells selected, Copy, then Edit > Paste Values.
This gives you a column you can sort by to restore the original order of the table.
In AB2, enter: =IF(A=U,U," ") using option-space between the double quotes.
Visually, this will repeat the duplicated names once more in column AB.
An ascending sort on column AB will bring all rows with duplicate data in columns A and U to the top of the table.
For greater visibility You might also add a conditional format rule to all of column AB, as I've done here for column D:
The box to the right of "Text doesn't contain" contains a single 'option-space' character. The ascending sort (on column D) has not yet been done.
Regards,
Barry

Showing data of two columns in one in the Query

I have two masters with same structures only Key of master is different.
i have created multiprovider on these masters which is used for query purpose.
Here situation is that we have already loaded data in one master structure whcih is not tobe touched.
we can only do chages in second master.
Now in Multiprovider as two key fields for two masters are different we cannot map them in identification of multiprovider.
Now we want only one field on selection screen and also in the report with data for both masters.
can anybody help me in it.

Hi
You can use Constant Selection (Effect like Left Outer Join for different InfoObjects in a MultiProvider). In order to do that, please take the following steps:
1. Create a Restriced Key Figure.
2. In the RKF dialog, drag one of the characteristics (the one that is NOT related to the KF).
3. Right Click on this Characteristic (context menu) and hit "Constant Selection".
This should show you all values in the columns.
Yaniv

Show Report In Two Columns

Apex 3.2
I have a report and it has 1 column and 22 rows.
At the moment, I show the first 15 rows and then you must paginate.
The report will not grow much, may be to 30 rows.
Is there a way to display the first 15 rows in 1 column and the second in another column, side by side etc
Gus

GusC wrote:
Apex 3.2
I have a report and it has 1 column and 22 rows.
At the moment, I show the first 15 rows and then you must paginate.
The report will not grow much, may be to 30 rows.
Is there a way to display the first 15 rows in 1 column and the second in another column, side by side etc
This is a presentation problem so the correct place to solve it is in the presentation layer using CSS. CSS3 introduces multiple column layouts, but this feature is only supported in recent browser versions—in particular requiring IE10+ in standards mode, which I suspect will be a problem as (a) you're not likely to be using IE10, and (b) APEX 3.2 themes aren't HTML5 and won't trigger standards mode (and aren't likely to be fully compatible even if forced to).
Nonetheless, I think it's a technique that's worth demonstrating (if only for me to get some experience of using it), before considering an alternative option using interleaved row ordering and CSS floats that might be of more immediate use to you.
Start with a standard report using a basic query on the [OE]HR EMPLOYEES table:
select
    first_name
, last_name
, phone_number
from
    oehr_employees
order by
    last_name
, first_name
The appropriate structure for a single column report with a predefined sort order is an ordered list, so we create a custom generic row report template, as a copy of the Standard report template with the following modifications:
Before Rows
<table cellpadding="0" border="0" cellspacing="0" id="report_#REGION_STATIC_ID#" class="pagination-container">
#TOP_PAGINATION#
</table>
<ol class="single-value-list" #REPORT_ATTRIBUTES#>
Before Each Row
<li>
Column Template 1
#COLUMN_VALUE#
After Each Row
</li>
After Rows
</ul>
<div class="t17CVS">#EXTERNAL_LINK##CSV_LINK#</div>
<table cellpadding="0" border="0" cellspacing="0" class="pagination-container">
#PAGINATION#
</table>
This report template is generic enough to be used in both solutions, and although it appears you don't need pagination in the solution, I've retained it to provide more flexibility and because it involves an interesting problem in creating balanced columns on the last page in the interleaved row order option.
As the template only displays one column per row, and to exercise the column layout break properties, all of the table columns are hidden and we create a derived column that uses an HTML Expression containing some hCard microformat markup to make the list item content span 2 lines:
<div class="vcard">
<span class="fn n"><span class="given-name">#FIRST_NAME# <span class="family-name">#LAST_NAME#</span></span>
<div class="tel">#PHONE_NUMBER#</div>
</div>
We can then implement some basic list/hCard formatting using CSS:
Basic list/hCard formatting common to both CSS3 multi-column and interleaved rows/CSS float solutions
ol {
margin-left: 0;
padding-left: 0;
width: 44em;
white-space: nowrap;
list-style-type: square;
ol li {
    margin: 0 0 0.5em 2em;
.vcard .family-name {
font-weight: 600;
text-transform: uppercase;
The CSS3 multi-column rules used in the first report region are pretty straightforward, although they have to take account of the current level of browser support by using vendor-specific properties where appropriate:
CSS3 multi-column formatting
.multi-col ol {
/* Safari/Chrome/Opera */
-webkit-column-count: 2;
-webkit-column-gap: 0;
/* Firefox */
-moz-column-count: 2;
-moz-column-gap: 0;
/* IE10+ */
column-count: 2;
column-gap: 0;
.multi-col ol li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    /* Workaround for FF as break-inside doesn't work. */
    page-break-inside: avoid;
For the interleaved row ordering workaround used in the second report, the query has to be modified to calculate the page each row will appear on, and the position in each column on the page it will occupy:
with emps_ordered_unique as (
    select
-- If you need distinct rows then just restrict them at the start
        distinct
        first_name
      , last_name
      , phone_number
      , row_number()
          over (
            order by last_name, first_name) row#
    from
        oehr_employees
    order by
        last_name
      , first_name)
, emps_interleaved as (
      select
          first_name
        , last_name
        , phone_number
        , row#
          -- 30 is overall number of rows per page
        , ceil(row# / 30) page#
          -- 30 is overall number of rows per page; 15 maximum number of rows per column
        , mod(row# - 1, least(ceil(count(*) over (partition by ceil(row# / 30)) / 2), 15)) col_row#
      from
          emps_ordered_unique)
select
    first_name
, last_name
, phone_number
from
    emps_interleaved
order by
    page#
, col_row#
, row#
The trick here is to interleave the rows, with those that have the same position in each column appearing in pairs so that they can be laid out side-by-side using element widths and CSS floats.
The CSS for this report is:
Interleaved rows/CSS float formatting
#interleaved .pagination-container {
clear: both;
#interleaved ol {
#interleaved ol li {
    float: left;
    width: 20em;
The drawback with the latter option is that although the list entries are visually ordered down and across the columns, they are not semantically ordered thus in the HTML markup, so any user perceiving the list without this CSS (for example via a screenreader, or a mobile device with an alternative style sheet) gets the list in a weird order. For that reason I probably wouldn't use this approach. At present I'd implement the CSS3 multi-column approach as a progressive enhancement for users with up-to-date browsers, and allow it to gracefully degrade to a basic 1-column list in legacy versions.

How do I center a div on a fluid grid layout. The div is a video player restricted to 630px by 350 px?

I am building a fluid grid website and I have a web player in a <div> that is styled to be no larger than 630px by 350 px. I can't figure out how to get this div to stay center on the page no matter if it is mobile, tablet, or desktop. Can anyone shed some light on this?

Change display to block, apply the margain: auto.

Blank page showing when changing from two column to one column pages

This is the scenario:
Document with two master pages - Page1 has two content areas - left column and right column, Page 2 has one content area the full page width named 'FullPage'
One page set named PageSetOne - with multiple subforms, each with Pagination setting of Following Previous and Continue filling parent.
Second page set named PageSetTwo - this has a single subform with Pagination setting of place on Page2. The child subform has itself a subform with Pagination setting of Place in Content Area 'FullPage'.
     This page set is initially set to be Hidden.
Third page set named PageSetThree - this has a single subform with Pagination setting of place in Page 1 and a child subform with Pagination setting of Following Previous.
[Obviously I am simplifying names and content here].
The problem is this: when in design mode, there is a blank page showing at the end of the document whenever there are sufficient subforms in PageSetOne such that subforms are displayed in the right hand column.
When subforms are removed so that nothing is showing in the right hand column then the blank page goes away.
I have put a marker subform immediately after the last subform in PageSetThree and can see that the blank page is showing after this.
Also, the following problem:
     When in preview mode, the extra blank page at the end does not display (which is good)
     BUT if the hidden PageSetTwo is made to be visible AND there is content showing in the right hand column prior to it,
     THEN a blank page is displayed just before the newly displayed PageSetTwo page (a single column page on Master page Page2).
I have tried every combination of Pagination Place before and after settings and can find no way to avoid the blank pages.
Does anyone have a clue as to what is going on and how I can avoid these blanks showing up?

I have finally managed to solve this problem.
The issue was not a subform extending too far out, it was a pagination setting, as Niall suggested.
I created a blank document to analyse the issue closely, and lo, my new blank doc with all default settings, worked perfectly.
So I revisited my forms and compared the pagination settings subform by subform.
This is what I had to change to ensure that all pages flowed with no extras:
PageSetOne (which is supposed to show using the two column master)
set the top page Place = ‘In Content Area Leftcolumn’ and After=Continue filling parent
All child subforms each with Pagination setting of Following Previous and Continue filling parent.
PageSetTwo (to show in the full page column Master)
set the top page Place = ‘In Content Area FullPage’ and After=Continue filling parent
All child subforms each with Pagination setting of Following Previous and Continue filling parent.
PageSetThree ( back to two column master)
set the top page Place = ‘On Page1’ and After=Continue filling parent
All child subforms each with Pagination setting of Following Previous and Continue filling parent.
I discovered that the critical setting was for PageSetOne. The After setting needed to be Continue filling Parent
Once I had those settings in order then the form performed as required.
This has been a frustrating learning experience but at least ultimately successful.
AJ

Getting data of two columns in one column

Hi,
I need to show data of two columns in one column, I also want to insert space between the data of both the columns in the output
can i use something like this ?
(IMPORTER_NAME+' '+IMPORTER_ADDRESS) as "Location"

872435 wrote:
Hi,
I need to show data of two columns in one column, I also want to insert space between the data of both the columns in the output
can i use something like this ?
(IMPORTER_NAME+' '+IMPORTER_ADDRESS) as "Location"You can either use the CONCAT function or || -
SQL> select 'Hello'||' '||'World', CONCAT(CONCAT('Hello',' '),'World') from dual;
'HELLO'||'' CONCAT(CONC
Hello World Hello WorldHTH
David

Sum of two columns

Hi guys
i need to insert one column in a row with forumla as col1+col2. how can i do that in simple tabular report. My two columns in XML are like this:-
<T_AMT>240.6</T_AMT>
<TAX_AMT>0</TAX_AMT>
Can i use substring function while creating template in word or i need to use substring while writing query...
thanks
Edited by: ObieeUser on 28-May-2010 03:07

Hi Vetsrini
thanks for your reply...
for showing sum of two columns:-
is it possible to do with GUI instead of writing code or doing tweaks in the sql... the main drawback of doing tweaks in sql is after i make changed in sql and then i click on sql builder it doesn't show me the changes which i have done....
Use of Substr/Decode/Case When or other oracle function
another question is like if i need to use substr function in sql can't i do it in SQL builder if yes then how as i have seen function drop down in sql builder but it doesn't show such function?
regards

Freeze 1st two columns in OAF Page

Hi,
I have one requirement on OAF page customization. I have 10 columns displaying on OA Page. Since having 10 columns on page, I have to scroll down right to see last column and vice versa. the requirement is to Freeze 1st two columns, even if we scroll let to right or right to left so that we can track the records using 1st two columns. Please update the forum.
Thanks in Advance
Mangesh

It may be possible by raw text bean. Otherwise instead of OAF page use a jsp for this requirement, where u can use ur custom CSS and simple html table to represent the data.
--Mukul

Problems with fluid grid layout live site only showing phone view in Chrome and Firefox Feb 2015

Hi all,
I have done a complex fluid grid layout using DW 2014 CC. The site has now gone live on the web masters server setup.
Up until now the layout of the site has been working fine and responding to screen size.
Early this morning in the USA the site stopped working. The layout for some users, not all, is only showing the phone view, and takes a long time to load.
This is happening in Chrome and Firefox, but IE is displaying the site properly.
So it looks like the CSS media queries are not working on all browsers.
I am using BC for the test site, and one user having this problem can see that version of the site OK.
I noticed that Chrome has done some updates recently Chrome Releases
Has anyone else come across this problem with Chrome and Firefox with their responsive layouts?
Thanks for any help given.

Hi Ben,
Yes, thanks for this link. The Travel Health Website is one of ours, hosted on BC, and no reported problems so far. We also have another large BC website with ga code in it and users are not reporting problems with it. The Headless Way
However the problem website is hosted elsewhere on a different platform to BC. We have been developing it for three months now, and no problems so far until yesterday. The problem of the site taking ages to load, and timing out seems to be happening with about 10% of users in the USA. http://www.harrisonassessments.com/
The web developer found a user in NZ who was experiencing the slow display problem. They looked at the site with Chrome, Firefox and IE. The site would only display on IE. When the developer removed the google analytics code, the site displayed fine on all browsers for the NZ user. We are waiting for users in the USA to wake up and test the site.
So the problem definitely is related to the ga code and the responsive layout that was done by me in DW2014.1 fluid grid layout. So the related problem of DW2014.1 not being able to load htm files with ga code in them looks to be a good clue to what is going on here.
As there was a bug report for DW2014.1 and google analytics code made in the other thread, I would be interested to know if that was ever solved.
It is interesting that you are pushing Bootstrap and Foundation on me. (Big square websites here I come! lol)
I wonder if DW is going to persist with fluid grid layout then? I certainly hope so, as I have spent 12 months blood sweat and tears learning how to do it in DW.

Creating new website with Fluid Grid Layout in CS6 - CS3 Transitions problem

I am making my second website with Fluid Grid layout and as with my last one, it seems I can't use CS6 transitions. Each time I go to add a new transition, Dreamweaver stops working and shuts down. Should you be able to use the transitions function with CS6 transitions or not? In the end, what I want to do is create a behaviour where one image is swapped with another with a click (not a rollover as it won't work on mobiles, I believe).
Thank you

Add a link to jQuery's Latest Library to your document <head> tags.
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
Add the jQuery function code to <script> tags in your document. I typically put them right above the closing </body> tag.
<script>
$(document).ready(function () {
    $("#one").click(function () {
        $("#one-a").toggle('slow');
    $("#two").click(function () {
        $("#two-a").toggle('slow');
    $("#three").click(function () {
        $("#three-a").toggle('slow');
</script>
</body>
As to why DW is closing you down, I don't know. That's not an expected behavior.
Without seeing your code, I'm going to guess that your CSS transition logic is incorrect or you're attempting to add transitions to the FluidGridLayout.css which is never a good idea. Always use a separate, external style sheet for your manually added content styles. Changes to either boilerplate.css or the temperamental FluidGridLayout.css files can result in problems.
Nancy O.

Using Auto Adjustable Fluid Grid Layout Divs to balance two columns

I have a header band, two columns and then a footer band in the layout that I'm working on.I have Div on each side that is set to "Auto" for height so that the two column lengths appear to be the same size when they get to the footer band. That is how I envisioned it, in practice, "Auto" only seems to adjust to the text inside the respective divs.
Something that"hould" be soesy has gotten me banging my head for four days. I thught I had a solution, using "nesting tags" but saw that was not supported.
Any ideas?

http://whatwouldwaltdo.businesscatalyst.com/fl0916.html
Source code:
<!doctype html>




<html class="">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="boilerplate.css" rel="stylesheet" type="text/css">
<link href="/FL916.css" rel="stylesheet" type="text/css">
<link href="/stylesheets/FL.css" rel="stylesheet" type="text/css">
<link href="/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">


<script src="respond.min.js"></script>
<script src="/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="bannertop"><img src="/images/Walt w CMS PIN.fw.png" alt="Walt Disney with Disneyland Cast Members (1966)"></div>
<div id="ticker">This is the content for Layout Div Tag "ticker"</div>
<div id="blocker">
<div id="leftcolumn">This is the content for Layout Div Tag "leftcolumn"
      <div id="Accordion1" class="Accordion" tabindex="0">
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">HOME</div>
          <div class="AccordionPanelContent">
          <img src="/images/graphics/pagetitles/toallwhocome.gif" alt="The opening line of Walt Disney's dedication speech at Disneyland, "To all who come to this happy place, welcome ..."" width="192" align="absmiddle">
          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Pins</div>
          <div class="AccordionPanelContent">
              <p>Ordering</p>
              <p>Presenting a Pin</p>
              <p>Collectors' Corner</p>
              <p>Why a Pin?</p>
          </div>
        </div>
        <div class="AccordionPanel">
          <div class="AccordionPanelTab">Cast Members</div>
          <div class="AccordionPanelContent">
              <p>Newest</p>
              <p>Nominate Your Own</p>
              <p>Alphabetical</p>
              <p>By Company/Location</p>
            <p>By WWWD Pin</p>
            <p>Cast Members' Reactions</p>
          </div>
        </div>
        <div class="AccordionPanel">
              <div class="AccordionPanelTab">Traditions</div>
            <div class="AccordionPanelContent">
            <p>Guests' Traditions</p>
              <p>Share Your Traditions</p>
            </div>
          </div>
        <div class="AccordionPanel">
              <div class="AccordionPanelTab">Adventures</div>
              <div class="AccordionPanelContent">
            <p>Guests' Adventures</p>
              <p>Share Your Adventures</p></div>
          </div>
        <div class="AccordionPanel">
              <div class="AccordionPanelTab">City Hall</div>
              <div class="AccordionPanelContent">
            <p>Waltisms</p>
            <p>The WWWD Story</p>
              <p>About Us</p>
              <p>That First Trip</p>
              <p>About Us</p>
              <p>Ordering</p>
              <p>About Us</p>
              <p>Ordering</p></div>
          </div>
    </div>
    <div id="social">This is the content for Layout Div Tag "social"</div>
    <div id="printer">This is the content for Layout Div Tag "printer"</div>
    <div id="banner"><img src="/images/graphics/reg sidebargraphic.gif" alt="White Mickey head with a circle of stars on a blue field"></div>
</div>
<div id="copy">This is the content for Layout Div Tag "copy"<br><br><P> <FONT SIZE="-1" COLOR="#CC0000">Copyright © 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002 Founder's
            Legacy Inc. </FONT><BR>
            <FONT SIZE="-1" COLOR="#CC0000">What Would Walt Do and WWWD are trademarks
            of Founder's Legacy, Inc.</FONT></P>
          <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is a member
            of the Disney Store.com Affiliate Network. As such we are authorized
            to display the Disney Store banner on any or all of our webpages.
            Founder's Legacy is also listed with The Disneyland Resort Press &
            Publicity Department, images used are with their permission.</FONT></P>
          <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is not part
            of The Walt Disney Company. The only other relationship between Founder's
            Legacy, Inc. and The Walt Disney Company is various members of the
            Founder's Legacy Inc.'s Board of Directors and/or their family are
            shareholders in The Walt Disney Company.</FONT><FONT SIZE="-1" COLOR="#CC0000"><BR>
            <BR>
            Additional disclosures for the benefit of insomniacs may be enjoyed
            in our <A HREF="/pages/insomniac.shtml">Insomniac's Delight
Page & Privacy Policy</A></FONT> </P></div>
</div>
<div id="mission"><FONT
             COLOR="#000081"><B>Our Mission Statement</B></FONT>
      <BLOCKQUOTE>
    <P><FONT color="#D50000" SIZE="+2"><em>To restore Magical Guest experiences through recognizing outstanding Cast Members.</em></FONT></P>
        </div>
<div id="awards"><table width="100%" border="0" cellpadding="0">
<tr>
    <TD VALIGN="middle" ALIGN="CENTER"><a href="http://LaughingPlace.com"><img src="/Assets/graphics/Affiliations/LPLogoHighest.gif" width="96" height="82" border="1" alt="LaughingPlace.com"></a></TD>
    <TD VALIGN="middle" ALIGN="CENTER"><img src="/Assets/graphics/Affiliations/seek-button01.gif" width="120" height="80"
             border="0"></TD>
    <TD WIDTH="1" VALIGN="middle" ALIGN="CENTER"><a href="http://disney.go.com/investors/index.html"><img src="/Assets/graphics/Affiliations/shareholder.gif" width="106" height="48"
             border="1"></a></TD>
    <TD VALIGN="middle" ALIGN="CENTER"> <img src="/Assets/graphics/Affiliations/safewave.gif" width="78" height="74"
             border="1"></TD>
    <TD VALIGN="middle" ALIGN="CENTER"><a href="http://wdwig.com/"><img src="/Assets/graphics/Affiliations/125x125allearsnet.gif" width="120" height="120" border="0"></a></TD>
</tr>
</table></div>
<div id="bigbottom"><P> <FONT SIZE="-1" COLOR="#CC0000">Copyright © 2012, 2011, 2010, 2009, 2008, 2007, 2006, 2005, 2004, 2003, 2002 Founder's
            Legacy Inc. </FONT><BR>
            <FONT SIZE="-1" COLOR="#CC0000">What Would Walt Do and WWWD are trademarks
            of Founder's Legacy, Inc.</FONT></P>
          <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is a member
            of the Disney Store.com Affiliate Network. As such we are authorized
            to display the Disney Store banner on any or all of our webpages.
            Founder's Legacy is also listed with The Disneyland Resort Press &
            Publicity Department, images used are with their permission.</FONT></P>
          <P><FONT COLOR="#000081" SIZE="-1">Founder's Legacy, Inc. is not part
            of The Walt Disney Company. The only other relationship between Founder's
            Legacy, Inc. and The Walt Disney Company is various members of the
            Founder's Legacy Inc.'s Board of Directors and/or their family are
            shareholders in The Walt Disney Company.</FONT><FONT SIZE="-1" COLOR="#CC0000"><BR>
            <BR>
            Additional disclosures for the benefit of insomniacs may be enjoyed
            in our <A HREF="/pages/insomniac.shtml">Insomniac's Delight
Page & Privacy Policy</A></FONT> </P></div>
</div>
<script type="text/javascript">
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
Stylesheet:
@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
    max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
    Dreamweaver Fluid Grid Properties
    dw-num-cols-mobile:        5;
    dw-num-cols-tablet:        8;
    dw-num-cols-desktop:    12;
    dw-gutter-percentage:    25;
    Inspiration from "Responsive Web Design" by Ethan Marcotte
    http://www.alistapart.com/articles/responsive-web-design
    and Golden Grid System by Joni Korpi
    http://goldengridsystem.com/
/* Mobile Layout: 480px and below. */
.gridContainer {
    margin-left: auto;
    margin-right: auto;
    width: 87.36%;
    padding-left: 1.82%;
    padding-right: 1.82%;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bannertop {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#ticker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#blocker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#leftcolumn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#copy {
    clear: none;
    float: left;
    margin-left: 4.1666%;
    width: auto;
    display: block;
#leftnav {
    clear: none;
    float: left;
    margin-left: 4.1666%;
    width: 100%;
    display: block;
#social {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 35px;
#printer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#banner {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#mission {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#awards {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bigbottom {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
    width: 90.675%;
    padding-left: 1.1625%;
    padding-right: 1.1625%;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bannertop {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#ticker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#blocker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#leftcolumn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#copy {
    clear: none;
    float: left;
    width: 55%;
    display: block;
    margin: 0%;
#leftnav {
    clear: none;
    float: left;
    margin-left: 2.5641%;
    width: 100%;
    display: block;
#social {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#printer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 35.8974%;
    display: block;
#banner {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#mission {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#awards {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bigbottom {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
    width: 88.5%;
    max-width: 1232px;
    padding-left: 0.75%;
    padding-right: 0.75%;
    margin: auto;
#LayoutDiv1 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bannertop {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#ticker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#blocker {
    clear: both;
    float: left;
    margin-left: 0;
    width: 74.5762%;
    display: block;
    border-top-width: thick;
    border-right-width: thick;
    border-bottom-width: thick;
    border-left-width: thick;
    border-top-style: none;
    border-right-style: ridge;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #C10B0F;
    border-right-color: #C10B0F;
    border-bottom-color: #C10B0F;
    border-left-color: #C10B0F;
#leftcolumn {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#copy {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 100%;
    display: block;
#leftnav {
    clear: none;
    float: left;
    margin-left: 1.6949%;
    width: 100%;
    display: block;
#social {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#printer {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#banner {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#mission {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#awards {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
#bigbottom {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;

Lastest iWeb on Maverick working fine, but well I upload website, photo grids are not showing!

I have the lasted iWeb and Maverick. I open iWeb and everything is fine, I can see photo grids, add images, change text...etc. I can publish the site to a folder on desktop and upload it using Cyberduck. However, once I check the website, the photo grids are not showing. I tried opening it in different browers, deleting Caches, publishing the whole site, publishing just the change page, nothing seems to be working.
After publishing, I check the folders and the media files and images are there, but they will not upload to website. What's going on?

Then you've not uploaded all of the files to the server. With Cyberduck you should get a Finder link window of your account folder on the server. There you can manually upload the site folder to your account and have it replace the existing site folder. Watch the upload carefully to see if there are any messages about files not uploaded, etc.
What's the URL of your site so we can examine it first hand?
OT

Fluid grid website is showing up as two-columns even on very large monitors in IE10

Similar Messages

Maybe you are looking for