Fixed Width Tables

I'd like to constrain a jpg to a certain table size. For
example, the jpg is 800 x 600 but I'd like to make it automatically
fit a 400 x 300 px table. Is there some way to be able insert a jpg
of above-mentioned proportions constrain to the table (without the
table automatically sizing up to the jpg size???

> Yes
How?
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
==================
"Baxter" <baxter(remove:-)@gtlakes.com> wrote in
message
news:e4m1hj$1qr$[email protected]..
> Yes but it would be better to resize the image in a
Image editor.
> Dave
> "zubon" <[email protected]> wrote in
message
> news:e4lnjo$kma$[email protected]..
>> I'd like to constrain a jpg to a certain table size.
For example, the
>> jpg
> is
>> 800 x 600 but I'd like to make it automatically fit
a 400 x 300 px table.
> Is
>> there some way to be able insert a jpg of
above-mentioned proportions
> constrain
>> to the table (without the table automatically sizing
up to the jpg
>> size???
>>
>
>

Similar Messages

SYNTAX: Fixed width table columns

How do I make the <bc4j:table ... > columns display a fixed width with no wrapping?
Thanks for any info.

Classification:
I am using JDeveloper 903. Within my table tag, if my column has the readOnly attribute set to false and I set the columns attribute to 5, I see five columns.
If I set the readOnly attribute to true and set the columns attribute to 5, the columns attribute is ignored.
Is this a BUG or is this expected behavior?
Thanks for any clairification

How to display fixed width column in Advanced Table?

Hi,
This is probably a newbie question for OAF. My requirement is quite simple but I couldn't find the answer in either the OAF developer's guide or anywhere else so I turn to the experts here. I have a region of type Table or Advanced table with three items in them. One of the Item is of type comments which could be up to 4000 characters.
I wanted to show all three on the first page but only have fixed width for the comments section like only show the first 50 characters for example and then if they want to see more detail they can click on a link to see full comments.
The problem is I cannot figure out how to make the comments item fixed width. I have played with the table width properties but it keeps displaying the comments in multiple lines (I don't want that...). I have also tried putting the Table in a Row Layout but it doesn't seem to help.
Since this is new development I can change my region style to anything to meet my requirements.
I hope this is an easy question and if someone can help me that would be great....:-)

Hi,
Thanks but I was not wanting to change the VO attribute length size since I want to have a link on the first page which would enable to see a user the full 4000 comments using the same VO object. Then if I limit it to 50 characters in the VO, I will not be able to display the full comments on the second page.
Isn't there some way in the UI that I can limit it? I know one workaround I can use for now is to have another column in the VO with the 50 character value such as substr(comments, 1, 50) and then have the full comments selected also in the VO and then show this subtr value in the first page and the comments value in the 2nd. I just thought there would be an easier way about it then doing all this workaround.
Any ideas?
Thanks

Layers-fixed width and/or embeding in a table

I have been setting up a site and am trying to use one, the
other or both techniques. For a specific design I wanted to use
layers with a fixed width. I assign the width in the properties but
when I enter text it does not wrap, instead the layer expands. Then
I thought I could keep the layer from expanding by embeding it in a
table cell. The layer does not seem to care that it is in a table
cell. The layer expands regardless of anything I have done so far.
Is there anybody that can help with this issue or am I out of
luck?
Thanks in advance.

> I assign the width in the properties but when I enter
text it does not
> wrap
Try adding a space to the text you enter.
> Then I thought I could keep the layer from
> expanding by embeding it in a table cell.
Never put a layer directly into a table cell. You will get
browser
rendering differences when you do this.
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
==================
"layers" <[email protected]> wrote in
message
news:e9o95u$gv8$[email protected]..
>I have been setting up a site and am trying to use one,
the other or both
> techniques. For a specific design I wanted to use layers
with a fixed
> width.
> I assign the width in the properties but when I enter
text it does not
> wrap,
> instead the layer expands. Then I thought I could keep
the layer from
> expanding by embeding it in a table cell. The layer does
not seem to care
> that
> it is in a table cell. The layer expands regardless of
anything I have
> done so
> far.
>
> Is there anybody that can help with this issue or am I
out of luck?
>
> Thanks in advance.
>

How to create a fixed-width column within an APEX 4 interactive report?

This thread is a follow-up to {message:id=9191195}. Thanks fac586.
Partial success: The following code provided by fac586 limits the column width of the Apex 4 interactive report column as long as the column data contains whitespace within a Firefox 3.6 browser:
<pre class="jive-pre">
<style type="text/css">
th#T_DESCRIPTION {
width: 300px;
td[headers="T_DESCRIPTION"] {
width: 300px;
word-wrap: break-word;
</style>
</pre>
Notes:
1. The code above is put into the HTML header section for the page.
2. T_DESCRIPTION is defined as VARCHAR2(2000).
3. The code above works within the Firefox 3.6.12 browser but does not work within the Internet Explorer 7.0.5730.13 browser.
I tried adding "float: left;":
<pre class="jive-pre">
<style type="text/css">
th#T_DESCRIPTION {
width: 300px;
td[headers="T_DESCRIPTION"] {
width: 300px;
word-wrap: break-word;
<font color="red"> float: left;</font>
</style>
</pre>
Notes:
1. "float: left;" does not require whitespace and successfully splits the column between characters in lieu of whitespace.
2. "float: left;" shrinks the cell height and allows the page background to show through... couldn't determine how to fix this.
3. The code above works within the Firefox 3.6.12 browser but does not work within the Internet Explorer 7.0.5730.13 browser.
I've done some more research, but I still haven't discovered how to create a fixed-width column within an APEX 4 interactive report that displays properly within an Internet Explorer 7 browser.
Any ideas and help will be appreciated.

Thanks for your help with this!
<pre class="jive-pre">
what theme are you using?
</pre>
A customized version of theme 15.
<pre class="jive-pre">
Floating a table cell makes no sense (to me anyway).
</pre>
You are correct. I was just trying a different approach ... trying to think out of the box.
<pre class="jive-pre">
Think you'll need to create an example on apex.oracle.com with sample data
if there are any further problems.
</pre>
Great suggestion! The code your provided works in the Firefox 3.6.12 browser, but still doesn't work within my Internet Explorer 7.0.5730.13 browser.
UPDATE:
I have recreated the problem at apex.oracle.com, you can use the following information to check it out:
URL: http://apex.oracle.com/pls/apex/f?p=43543:100::::::
Workspace: IR_FIXED_WIDTH_COLS
Username: GUEST
Password: Thx4help
Application: 43543 - CM_RANDY_SD
Note: Table name is TEST_DATA
The following code provided by fac586 works in both Firefox 3.6 and IE7 using default theme "21. Scarlet" at apex.oracle.com; however, it doesn't work when I use a copy of our customized theme "101. Light Blue":
<pre class="jive-pre">
<style type="text/css">
.apexir_WORKSHEET_DATA {
th#T_DESCRIPTION {
width: 300px;
max-width: 300px;
td[headers="T_DESCRIPTION"] {
max-width: 300px;
word-wrap: break-word;
</style>

</pre>
Any idea what in the theme could be causing the fixed width column to be ignored in IE 7?
Edited by: CM Randy SD on Dec 7, 2010 11:22 AM

How to determine the fixed width I can use to generate html columns in java

I have a jsp where I dynamically generate menus for a web page.
Table's cells are generated with different width, making the menus look differently.
When clicking on menus, cells changing sizes.
What is the best way to implement that, so I have a fixed width for every column?
Thank you

That's what I do.
The code determines the width of the column now.
The only drawback is that I manually assign values to the width depending on the menu item length.
Is there any way how to do it dynamically, by determining how many px width will be by having the menu item lenght?
<TABLE cellspacing=0 cellpadding=0 border=0 width="100%">
               
                    
               <%
                    int gs = menu.getSelectedGroupNum();
                    MenuGroup menuGroup = menu.getMenuGroup(gs);
                    int is = menu.getSelectedItemNum();
                    int maxScr = 10; //10 screens buttons per line
                    int totScr = menuGroup.getSize(); //total number of screens for the selected menu
                    int rowsNum = 0;
                    rowsNum = (int)Math.ceil((double)totScr/maxScr);
                    System.out.println("Num of scr per line: " + maxScr +
                                             " Num of scr/menu: " + totScr +
                                             " Num of rows: " + rowsNum);
               for(int     screenRow = 0; screenRow < rowsNum; screenRow ++){
                    //for (int item = 0; item < menuGroup.getSize(); item++)%>
               <tr><td>
                    <table border="0" cellspacing="0" cellpadding="0" height="20">
                     <tr>
                       <td width="251"><img src="images/Menu1L.gif" width="8" height="25">
                    <%
                    for(int item = screenRow*maxScr; item < (screenRow + 1)*maxScr && item < totScr; item ++)
                         MenuItem menuItem = menuGroup.getMenuItem(item);
                         String title = menuItem.getDisplay();
                         String link = null;
                         String cssClass = null;
                         System.out.println(title + ":" + title.length());
                         if(!menu.isDisabled())
                              link = "<A href=\"Menu.do?top=" + gs + "&side=" + item + "\">";
                         %>
                         <%
                         else{
                              link = "";
                              title = "<i>" + title + "</i>";
                         MenuItem subMenuItem = null;
                         boolean isSubMenu = menuItem.containsSubMenuItem();
                         String subText = null;
                         //determine the width of the column
                         int width = 0;
                         if(title.length() > 5 && title.length()<20)
                              width = 158;
                         if(title.length() > 20)
                              width = 193;
                         if(title.length() <=5)
                              width = 60;
                         if (is == item){
                              //link = "<A href=\"Menu.do?top=" + gs + "&side=" + item + "\">";
                              cssClass = "ScreenItemSel A";
                         else
                              cssClass = "ScreenItem";
                         %>
                         <TD align = "center" nowrap class = "<%= cssClass%>" background ="images/Menu1F.gif" width="<%=width%>"> <%=link%><%=title%></TD>
                         <TD class="Screen" nowrap><img src="images/Menu1Sep.gif" height=25 width=16></TD>
                    <%
                    }%>
                              <TD width="100%" valign=top align=right class="ScreenName" background="images/Menu1F.gif"><%--<%=mode%>--%></TD>
                              <TD><IMG src="images/Menu1R.gif" width="8" height="25"></TD>
                         </td>
                    </tr>
                    </table>
               </td>
               </tr>
               <%}
               %>
               
</TABLE>

How to fix Width of column in classic report.

Dear Friends
i am using Apex 3.2.
i have created Clasic Report and i have summary column in my report that column have description of issue so i want to fix width of that column nn Classic report .
i have try some code in html expression
<span>style="width: 480px; display: block; white-space: normal; font-size: 11px;">#ACTIVITY_SUMMARY#</span>
{code
after apply abovemention code that display me in my summary like this and not manage width of column.
style="width: 480px; display: block; white-space: normal; font-size: 11px;">Dear Cherryl, Greetings !! Thank you very much for the new query and we are pleased to confirm the availability of one single cabin in all the three categories of cabin on M.V. Mahabaahu. We would like to inform you that both the departures 15th Oct 2013 & 29th Oct 2013 (Golden triangle with Cruise) are operational and attached are the prices for your kind consideration. As a special promotion for the 15th Oct 2013 departure only, we are offering USD 100 per person reduction on the Golden triangle portion combined with the cruise. Kindly review and advise us to block the accommodation accordingly. Regards...pankaj
How to fix Width of column in classic report.
Thanks

Hi,
I'm working an example in APEX 4.2 so YMMV (your milage may vary!).
For Classic Reports, where the Column Attributes "Display As" is set to Display as Text (escape special characters ...:
1) I find that Column width and Element Width setting have no effect to make the column smaller or larger.
2) Here is one way that works:
- In the Region's Region Definition, under Attributes give the Static ID a name (no spaces), say, class-report.
- In the columns you want to affect, place "<div>#ENAME#</div>" in the columns Column Formatting "HTML Expression". Where "ENAME" here is the actual column name.
I'm using the EMP table as an example.
- Finally, in the page's HTML Header put, for example
<style>
#classic-report td.data[headers="ENAME"] div {
width: 200px;
color: blue;
#classic-report td.data[headers="JOB"] div {
width: 50px;
white-space: nowrap;
word-wrap: break-word;
</style>This makes the ENAME column wider and the JOB column smaller and wraps it.
Much more could be said. If you tweak you will find you can also affect spacing above, below and right/left of the data.
#classic-report .report-standard th.header {
border-left: #9fa0a0 1px solid;
padding: 2px 3px 4px 5px; /* top right bottom left margins */
font-size: 11px;
font-weight: bold;
vertical-align: bottom;
#classic-report .report-standard td.data {
border-left: #9fa0a0 1px solid;
padding: 3px 4px 5px 6px;
font-size: 9px;
}Does this help?
Howard

How to fix width of plain text content control in Microsoft Word 2010?

I try to make the simplest solution for my custom to modify current Word template without hard code anything except field name.
As you can see above image, normally text field in Word is not fixed width control. So, it may affect document layout. Moreover, I want to add dotted line below all text fields in document template.
Is there any possible solution that end-user can do in normal Microsoft Word 2010 application?
PS. I will fill all controls with data from Microsoft Access.

In PDF file, I can easily create fix-size absolute position field inside document template like the following document. In Microsoft Word, I cannot fix even the size of plain text field.
PS. Nobody use table with fixed cell size as normal form (hard copy). I think Microsoft Word is really bad choice for creating any document template by end-user.
Criticizing Word for not doing the same as some other application is hardly relevant. Have you tried word-processing with Adobe Acrobat?
As for your PS, Word tables are ideal for the kind of thing you describe. Your assertion that 'nobody' does so is plain ignorance - it is a common practice. In my previous employment,
many forms were created using Word tables. Before complaining Word is a 'really bad choice', you should learn how to use it.
Cheers
Paul Edstein
[MS MVP - Word]

Truncated last blank column in fixed width tab delimited file

Hi All,
I've to generate fixed width tab delimited file in application server.As per my requiremnt Last column in the file should be blank. When i have generated file last column is truncated because it is populated blank.
Need solution to get the last column with blank data.
Thanks
Kiran

Hi,
The last column is not truncated I hope,bcoz it is space,u were not able to find it.
Read the file into internal table and see in the debugging mode if it is present or not.

CSS Centered & Fixed Width Layout

I'm trying to use CSS for building a new layout and do so without resorting to the old methods, like using tables. But I can't even get past a very basic thing using Dreamweaver CS5.5. I want the page layout to be a fixed width yet centered in the browser window instead of stuck to the left. Lots of web sites do this (even Adobe's main site).
In the past I would just create a parent table and simply give it a center alignment then build everything else inside of it. Easy. Unless I'm overlooking something obvious there appears to be no way at all to apply the same sort of alignment property to a DIV-based container. Dreamweaver provides lots and lots of other formatting options, but page alignment for that DIV object isn't there.
If I could just get the first big overall DIV centered on the page where I want it I think I could use absolute positioning on the DIVs inside of it.
I've searched around for examples on how to code CSS to make this work, but haven't been able to simply cut and paste the code into Dreamweaver to make it happen. I need to learn how to do this correctly using Dreamweaver's own CSS property dialog boxes.

If I could just get the first big overall DIV centered on the page where I want it I think I could use absolute positioning on the DIVs inside of it.
OMG no. You don't want to use absolute positioning at all, until you understand CSS positioning fully.
Read this to get an idea how to do your layout -
http://www.apptools.com/examples/pagelayout101.php
HTML & CSS Tutorials - http://w3schools.com/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
========================================
PRE-BUILT CSS LAYOUTS
For rock solid, commercial products that perform well in all browsers/devices, visit Project Seven:
http://www.projectseven.com/products/index.htm
Not Just a Grid CSS Framework (free)
http://www.notjustagrid.com/demo.asp
Ultimate Multi-Column Layouts (free)
http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layout s-em-and-pixel-widths
EZ-CSS Templates (watch the screencast to see how it works)
http://www.ez-css.org/css_templates
Dreamweaver CSS Templates for beginners (free)
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_te mplates.html
New DW Starter Pages (free)
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_l ayouts.html

Oracle Spool Fixed Width

Hi All,
I'm trying to spool records from my Oracle table into a fixed width text file. As you'll see below, I'm using the RPAD function to set the maximum width for my columns but for some reason the spool doesn't recognize the RPAD function and just uses some other arbitrary fixed width. Here's the code that I'm using:
Spool on
SET PAGESIZE 0
SET LINESIZE 1000
set feedback off
set echo off
set termout off
Spool "C:\spool_test.txt"
select
rpad(EDC_PREVALENCE_TIME_CATEGORY,30) as EDC_PREVALENCE_TIME_CATEGORY,
rpad(CRG_METHOD_TYPE,55) as CRG_METHOD_TYPE,
rpad(EDC_AGG_CD,10) as EDC_AGG_CD,
rpad(EDC_AGG_DESC,100) as EDC_AGG_DESC,
rpad(PHN,9) as phn
from table1
where rownum <=1000;
Spool off;Another thing I am trying to do is add the column headings as the first row. I used to have "Set Heading On" at the top of my spool but that didn't seem to work either. I've figured out how to find a workaround to that but if anyone has suggestions I would appreciate it.
Thanks,
Ed

Hi,
spalato76 wrote:
Hi All,
I'm trying to spool records from my Oracle table into a fixed width text file. As you'll see below, I'm using the RPAD function to set the maximum width for my columns but for some reason the spool doesn't recognize the RPAD function and just uses some other arbitrary fixed width. Here's the code that I'm using:
Spool on
SET PAGESIZE 0
SET LINESIZE 1000
set feedback off
set echo off
set termout off
Spool "C:\spool_test.txt"
You seem to be using SQL*Plus, which puts a separator (by default, a single space) between columns.
If you don't want a separator, issue this command
SET COLSEP ""along with your other SET commands, before running the query.
That's 2 double-quotes in a row, with nothing in between them.
select
rpad(EDC_PREVALENCE_TIME_CATEGORY,30) as EDC_PREVALENCE_TIME_CATEGORY,
rpad(CRG_METHOD_TYPE,55) as CRG_METHOD_TYPE,
rpad(EDC_AGG_CD,10) as EDC_AGG_CD,
rpad(EDC_AGG_DESC,100) as EDC_AGG_DESC,
rpad(PHN,9) as phn
from table1
where rownum <=1000;
Spool off;That works for me; I get fixed-length columns exactly as expected.
Whenever you have a question, post CREATE TABLE and INSERT statements for a little sample data. Point out where your query is not getting the results you want, and explain how you get the right results in those places.
See the forum FAQ {message:id=9360002}
Another thing I am trying to do is add the column headings as the first row. I used to have "Set Heading On" at the top of my spool but that didn't seem to work either. I've figured out how to find a workaround to that but if anyone has suggestions I would appreciate it.
SET PAGESIZE 0means no headers will be displayed, regardless of the setting for SET HEADING.
Depending on your version of SQL*Plus, you can set PAGESIZE as high as 50000, so unless you have more than 50000 lines of output, you would only get 1 heading line.
I would use a PROMPT command right before the query:
Spool "C:\spool_test.txt"
PROMPT EDC_PREVALENCE_TIME_CATEGORY CRG_METHOD_TYPE ...
select
rpad(EDC_PREVALENCE_TIME_CATEGORY,30) as EDC_PREVALENCE_TIME_CATEGORY,
rpad(CRG_METHOD_TYPE,55) as CRG_METHOD_TYPE,
...Put exactly as many spaces as you need between the column names.
Alternatively, you could do a query from dual to produce the "headings":
Spool "C:\spool_test.txt"
SELECT RPAD ('EDC_PREVALENCE_TIME_CATEGORY', 30)
, RPAD (CRG_METHOD_TYPE, 55)
FROM dual;
select
rpad(EDC_PREVALENCE_TIME_CATEGORY,30) as EDC_PREVALENCE_TIME_CATEGORY,
rpad(CRG_METHOD_TYPE,55) as CRG_METHOD_TYPE,
...Notice I didn't use column aliases. Column headings are not being displayed, so it doesn't matter if the columns have nice concise aliases or not.

Fixed Width Report Region

Is it possible to set a report region to fixed width rather than auto? If so, where do I edit this? Thanks!

Oh yes, you can do it on the fly with Dynamic Actions. Its all about changing the CSS Class property for table width.
Once you know how to identify the table and have its "class", you write a Dynamic Action at process point "After Page" to change the Class width property.
You could also write a OnLoad JS function to do the same. Depends on which you are more comfortable.
regards,

Fixed width for WebPart Zones with Tableless design lost width in IE8+, works fine in IE7 SharePoint 2010

Hi,
I am facing a weird issue in IE8 and above browser after changing the Tables to <div> (Table less) Design for SharePoint 2010 Layouts with Custom Web part Zones.
If no webpart is added in Zones the width is not staying. refer the above Screen shot.
A basic HTML with fixed width Div blocks no issue in IE8+. Only SharePoint this is a issue.
Any lights here please help.
thanks
Vinod

Hi,
We can use IE F12 developer tools to check the CSS style in this Web Part Zones.
Using F12 Developer Tools to Debug HTML and CSS
https://msdn.microsoft.com/en-us/library/ie/gg699337%28v=vs.85%29.aspx?f=255&MSPPError=-2147217396
Or try to add "!important" in your custom div CSS style.
<style type="text/css">
#divid{
width: 1010px !important;
</style>
Best Regards,
Dennis Guo
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Fixed width of SCN content

After last redesign of SCN all the content is cca 990 pixels wide. This was a fashionable approach of web in 90's. For web sites like forums and blogs I would expect flexible width - people working on large displays like 1920px wide can use full screen and people working with blog as right-hand help column can use it too. Some problems like text behind right edge would dissapear by flex width, I think.
Why fixed layout (I accept the fact it is more comfortable for dev and testing)?
Regards,
Pavol

Pavol;
I am referring today with combining quotes from an article that already was written around fixed width:
http://webdev.entheosweb.com/2008/07/16/fixed-width-vs-liquid-layouts/
Earlier today I tried to respond quickly, and did not refer to the article appropriately nor entirely. Most of the response below was a mix of that article; and comments from me in appropriate places with additional decisions we made as an SCN team.
As you correctly state there are two types of layout that you can choose from : http://webdev.entheosweb.com/2008/07/16/fixed-width-vs-liquid-layouts/
This article also discusses the fact that one is the fixed width layout and the other is the liquid/variable layout. The fixed width layout sets the width of the web page at a specific value, no matter how wide the vieweru2019s internet browser window is, whereas liquid & variable width layouts adjust their width depending on the width of the visitoru2019s browser window. The choice between these two layouts is not always an easy one. In our SCN case we chose for the fixed.
As they quote in the article : http://webdev.entheosweb.com/2008/07/16/fixed-width-vs-liquid-layouts/
For those who do not know much about this : Fixed width layouts mean that you have a predetermined width which you will design the rest of your web page around. The main advantage of this approach is that it gives you greater direction and control over the eventual organization of your web pages.
Which layout you eventually choose will greatly affect the final look and feel of your web site, not to mention the functionality of the site. The ease with which visitoru2019s can scan through your site for relevant information and identify the content that they wish to find is almost always largely dependant on your choice of layouts. We have a lot of content on our website in many places, and unfortunately for you and also from a maintenance perspective we wanted to opt in this release for fixed width.
I picked the the pros and cons of the fixed width from the article as they are widely known to most website designers.
*Fixed Width Layout*
Pros
Pages that you design look exactly the same when viewed using any internet browser or operating system.
Images and other non-textual objects will not overwhelm the textual content of the page, regardless of the size of the browser window or viewing monitor.
The scan length of your pages stays constant no matter how wide the vieweru2019s browser window is.
Cons
Viewers using smaller browser windows or monitors to view the site will probably have to scroll horizontally to see the entirety of the page. This tends to annoy online som eof our visitors. However we know most of our users use IE or Mozilla and have larger screens ( more than 30% has 1024x) from Surveys we do.
A large amount of whitespace is usually generated when viewers use large browser windows to view the site, resulting in wastage of otherwise useful space. Also, more vertical scrolling may be required than should be necessary.
Font size changes can adversely affect the overall layout of the page. Large increases in font size can cause the layout of your page to become distorted, making it messy and unappealing.
In short: We used to have both approaches, but in the new SCN design we choose to have the fixed width approach for now. We weighed both pros and cons
Scott Lawley of our SCN team compiled it for us and referred in an internal presentation around the pros for SCN for fixed width. here is a quick summary ( thanks Scott, have a nice vacation )
Our SAP Corporate styleguide calls for a fixed width layout (see e.g. sap.com)
We already implemented EcoHub with a fixed width layout. All our communities should try to have as much a unified presentation where possible
All of CSO's screen designs are made for a 1024 resolution. They do not work that well with higher resolutions (in our older SDN approach, viewed at higher resolutions it looked sometimes very lackluster, the lines of text became so long that readability is decreased)
On high resolutions the old SDN site became harder to navigate because you had a lot of screen real estate to cover if you wanted to move the mouse from right to left
Using a fluid layout for us meant that we have to continue using table-based layouts which did not entirely fit with the image of the modern web 2.0 platform we wanted to convey.
Most news blogs and major news sites (like e.g. nytimes.com) use a fixed width layout. According to this survey http://tinyurl.com/65yjcv
Flash content does not easily scale. New page layout may need to be considered to better support flash in th enear future for us.
92% of the top 50 news blogs use a fixed layout.
And last but not least there were also some more philosophical and functional differences that we weighed of from each other : news vs. community vs. product
What we will do in the next few releases is allow the collapsable left hand navigation that then will help the vertical scrolling challenge you might infrequently have,
Hopefully this answers your question
Edited by: Marco ten Vaanholt on Dec 17, 2008 7:59 AM
Edited by: Marco ten Vaanholt on Dec 17, 2008 8:02 AM

How can I convert my web page from a fixed width layout to a fluid grid layout?

I'm taking a web design class (I'm using Dreamweaver CS6, btw) wherein the professor started us out building our websites in a fixed width layout but now I want to change my site into a fluid grid layout. My "site" so far is just one long page, and I've already designed it with fluid grid adjustments in mind (most things are centered in the layout) so it shouldn't need excessive tweaking.
Is there a way to duplicate the site folder that holds my first page, re-open a new document in fluid, then copy the code in and tweak the width parameters for the different layouts?
Did I just answer my own question? Help - I am new at this!!
Thanks all,
KC

Herbert2001 wrote:
A bit off-topic, but Osgood: have you ever used SASS or LESS? When you are building your own grid systems it can save you a tremendous amount of time, and it's a lot of fun.
Take the following simple example - it generates all the 23 css classes automatically for a 12 grid system. And simply changing one variable allows you to create and calculate any number of columns!
//variables
$desktop: 1025px;
$large-columns: 12;
@media only screen and (min-width: $desktop) {
     //regular grid span classes
    @for $i from 1 through $large-columns {
        .span-large-#{$i} {
            width: percentage($i/$large-columns);
     // push classes
    @for $i from 1 through (($large-columns)-1) {
        .push-large-#{$i} {
            margin-left: percentage($i/$large-columns);
No, not explored it yet, and may never....I don't know. I don't really make much money out of web design. It's becoming more and more difficult to find the desire to learn new techniques when the opportunities aren't really there to put them into practice on as regular basis as I would like. I've got a very good handle on css, php, html, jQuery - I'm not sure I want to add another layer at the moment, given I'm never quite sure how long I will continue to 'bang my head against the wall' . I'm getting to the stage where I keep asking myself do I really need the problems associated with learning new stuff to the point of being comfortable with it if the financial rewards at the end don't equate to the efforts of learning it.
I don't really enjoy web development if truth is known. I come from a Graphic Design background which I much prefer but somehow got side tracked and pushed in this direction and there's no way back now, lol. Whilst I concede Web Development is much more exciting its also 100 times more complex/difficult and the skills needed are considerably more.
Your example looks interesting and I should think I could pick it up reasonably easily given I work with php which uses variables on a similar basis.

Fixed Width Tables

Similar Messages

Maybe you are looking for