Help with three column layout please

Hello All
I have been struggling with a three column layout to incorporate inserted images on the right. Please see http://www.greenpatchwebsites.com/ridgeway/index2.html
At the moment I have resorted to a background image but I am not happy with the quality and lack of positioning in relation to the text.
I have looked at lots of sites re faux / three columns etc but I can't make it work. As you will see from the attached css there are lot of divs because of the expanding box and I am getting in a muddle.
Expert help here would be very gratefully received and I thank you in advance.

Hi There,
You can refer to 3 column fixed template (with header and footer) provided by DW itself. For reference how to make a 3 column layout use following code. Just save the whole of this as .html file and preview. Go through the structure and css classes in the head to understand the layout.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body  {
     font: 100% Verdana, Arial, Helvetica, sans-serif;
     background: #666666;
     margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 0;
     text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
     color: #000000;
.thrColFixHdr #container {
     width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
     background: #FFFFFF;
     margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
     border: 1px solid #000000;
     text-align: left; /* this overrides the text-align: center on the body element. */
.thrColFixHdr #header {
     background: #DDDDDD;
     padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
.thrColFixHdr #header h1 {
     margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
     padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
.thrColFixHdr #sidebar1 {
     float: left; /* since this element is floated, a width must be given */
     width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
     background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
     padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
.thrColFixHdr #sidebar2 {
     float: right; /* since this element is floated, a width must be given */
     width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
     background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
     padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
.thrColFixHdr #mainContent {
     margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
     padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
.thrColFixHdr #footer {
     padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
     background:#DDDDDD;
.thrColFixHdr #footer p {
     margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
     padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
     float: right;
     margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
     float: left;
     margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
     clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
-->
</style><!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]--></head>
<body class="thrColFixHdr">
<div id="container">
  <div id="header">
    <h1>Header</h1>
  <!-- end #header --></div>
  <div id="sidebar1">
  <h3>Sidebar1 Content</h3>
    <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if it will always contain more content. </p>
    <p> </p>
  <!-- end #sidebar1 --></div>
  <div id="sidebar2">
    <h3>Sidebar2 Content</h3>
    <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the right side of the #mainContent div if it will always contain more content. </p>
    <p> </p>
  <!-- end #sidebar2 --></div>
  <div id="mainContent">
    <h1> Main Content </h1>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. </p>
    <h2> </h2>
    <!-- end #mainContent --></div>
     <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
  <div id="footer">
    <p>Footer</p>
  <!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
Don't be overwhelmed as this is simple code only (much like your own page). You can then divide your background image and put one part in the center column (mainContent DIV) and the other in the right sidebar (sidebar2 DIV).
Hope this helps.
Regards,
Vinay

Similar Messages

  • Help with 2 column layout

    I can't seem to quite get the layout to work correctly on this.
    http://www.openrangeimaging.com/Test/Gravity-Test/index.html
    Problem -The Main Content column protrudes into the menu bar space and is not aligned with the top of the sidebar column. I'd like the  MainContent and Sidebar columns to have their tops aligned with each other. I need to keep the Main Content column from protruding into the menu bar.
    I inserted a spry menu bar and then modified the default styling quite a bit. It looks like it should. It is positioned where it should be. All of the css for it is stored in a separate folder that DW created when I add the spry menu. EXCEPT for one css rule, MenyBar1, that is in the other primary css folder. I don't think I added that but honestly I'm not sure. I don't know if the styling of the menu bar is responsible for the trouble. I've messed around with so much of the margin and etc on so many elements that I am now pretty confused.
    I'm hoping someone can take a look at this and help me figure out what I have done incorrectly.
    Thanks in advance for any reply.

    markf12 wrote:
    Hans thanks for your reply! Yes I want the tops of the Sidebar and Main content divs to be aligned. It's hard to tell form your screen grab but using the dashed line that's underneath the orange letter G as a reference it appears the yellow MainContent is lower than the  white Sidebar. The tops are not aligned with each other.
    I put the menu bar into a div and made sure it had 0 margin. I updated the file
    http://www.openrangeimaging.com/Test/Gravity-Test/index.html
    For some reason the Main content is allowed to move up farther than the sidebar. Also there is no top padding on the Main content but it appears the upper most heading is being held away from the top edge of the main content as if there is top padding. Something is not right here and I just can't seem to figure it out.
    I'm afraid I'm starting to get frustrated and somewhat desperate <g>
    Please Help!!!!!!!!!!
    Amend your #nav-menu css selector to as shown below:
    #nav-menu {
    width: 960px;
    overflow: hidden;
    You'll also then need to adjust the margin and padding of the <h1> tag (Main Content). So introduce another css rule for the  h1 as shown below:
    #mainContent h1 {
    padding: 15px 0 0 0;
    margin: 0;

  • Help with checkbox column layout

    Here is the what I need to accomplish:
    I need to display a long list(50-200) of checkboxes w/ labels in a multi column format.  They need to be sorted alphabetically downward and accross all columns. If scrolling is needed, then it should only scroll vertically.  Something like the image below.
    What I have tried was to use a TileList with a checkbox itemRenderer.  It works great for 1 column and scrolls vertically just fine.  It works great for 3 columns, however when it scrolls it scrolls horizontally and I need it to scroll vertically.  I have attached my code.
    One thing I have noticed is when you set 'direction = vertical' for a TileList the list sorts vertically but scrolls horizontally.  If you leave it as default (direction = horizontal), then it sorts horizontally, but scrolls vertically.  I need it to sort vertically and scroll vertically.  I have tried setting the VerticallyScollPolicy and HorizontalScrollPolicy but that just cut off the data instead of changing the scroll direction.
    I guess my second question is if this functionality is impossible with a TileList then what component would be a better option.
    Thanks in advance for taking the time to answer my questions.
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
                    xmlns:csc="com.facl.uaf.common.shared.widget.*"
                    layout="vertical"
                    verticalAlign="top"
                    horizontalAlign="center"
                    backgroundGradientColors="[0x000000,0x323232]"
                    paddingTop="20"
                    paddingBottom="20">
        <mx:ArrayCollection id="collection">
            <mx:Object label="Alameda"/>
            <mx:Object label="Alpine"/>
            <mx:Object label="Amador"/>
            <mx:Object label="Butte"/>
            <mx:Object label="Calaveras"/>
            <mx:Object label="Del Norte"/>
            <mx:Object label="El Dorado"/>
            <mx:Object label="Fresno"/>
            <mx:Object label="Kern"/>
            <mx:Object label="Los Angeles"/>
            <mx:Object label="Orange"/>
            <mx:Object label="Placer"/>
            <mx:Object label="Plumas"/>
            <mx:Object label="Riverside"/>
            <mx:Object label="Sacramento"/>
            <mx:Object label="San Diego"/>
            <mx:Object label="San Francisco"/>
            <mx:Object label="Santa Barbara"/>
            <mx:Object label="Santa Clara"/>
            <mx:Object label="Santa Cruz"/>
        </mx:ArrayCollection>
        <mx:TileList xmlns:mx="http://www.adobe.com/2006/mxml"
                     color="#323232"
                     textAlign="left"
                     paddingLeft="20"
                     itemRenderer="mx.controls.CheckBox"
                     verticalScrollPolicy="auto"
                     themeColor="#FFFFFF"
                     dataProvider="{collection}"
                     columnCount="3"
                     width="500"
                     height="100"
                     direction="vertical">
        </mx:TileList>
    </mx:Application>

    A List class like TileList does a couple of important things.  It only creates enough renderers to fill the viewable portion so you don't end up allocating tons of memory for 1000's of data items, and it has a selection model where you can select one or more data items and it draws a rollover and selection colored backgrounds over the entire renderer.
    Do you need that?  If not, a VBox with 3 HBoxes with 1/3 of the checkboxes in each HBox is all you need.  You can use a Repeater to generate the checkboxes or just add them in a loop.
    Alex Harui
    Flex SDK Developer
    Adobe Systems Inc.
    Blog: http://blogs.adobe.com/aharui

  • Photo Gallery combined with three column CSS

    Hi, I am trying to implement your photo gallery into our
    school site and I am having trouble with the layout. I am using a
    three-column layout created with CSS and JS, and then placing the
    photo gallery inside of this. What happens is when you pull up the
    page the three column layout does not position everything correctly
    until you resize the browser window (ever so slightly). Help, have
    been staring at CSS and JS code now for about a month and cannot
    get it to behave, any help would be greatly appreciated. Thanks.
    HSPVA Photo
    Gallery

    "kjuliff" <[email protected]> wrote in message
    news:eqij22$are$[email protected]..
    >I can reproduce your problem, gnd4evr&evr. I have XP
    an IE7 and FF2.
    >It's fine
    > in FF2 but not in IE7.
    >
    > I have a similar problem, and I think it's related. This
    problem
    > really needs
    > addressing!
    >
    > Go to
    http://www.coolabah.com/spry/demos/gallery/
    and look at the
    > bottom of
    > the page (in either IE or FF). You will see a google
    adsense div.
    > Although it
    > is specified in it's div tab as being 15 px in height,
    it takes up
    > much more
    > than that.
    >
    > I HAD wanted to have these google links at the top of my
    gallery, but
    > cannot
    > as I cannot force the div to be only 15px in height.
    >
    > I posted this problem a few weeks ago but no one
    answered.
    Your Google ads are in an iframe. This rule will get you
    started
    iframe {
    height: 2em !important;
    position: absolute;
    top: 650px;
    You can leave the position static if you like, and it will
    move up and
    down with your images - I found that a bit distracting,
    though. If you
    leave it static, use a top-margin to establish space between
    your image
    and the ads.
    The !important notation is required for the height,
    indicating either a
    conflict somewhere in your markup or CSS, or poor Google code
    (not
    uncommon).
    Al Sparber - PVII
    http://www.projectseven.com
    Extending Dreamweaver - Nav Systems | Galleries | Widgets
    Authors: "42nd Street: Mastering the Art of CSS Design"

  • JSF Page - Three Column Layout

    Hi all,
    I'm trying to create a JSF page with Oracle Three Column Layout but am only one column in the visual design view. Moreover, in the visual design view, i cannot see the normal Oracle logo on the left corner.
    Heres he steps i used:
    1. Right click ViewController and select New.
    2. Under Web Tier i click JSF and selected JSF Page then click OK
    3. In the Create JSF Page dialog, i renamed the page and in Page Template drop down i select Oracle Three Column Layout and checked Create as XML Document then click OK
    I'm new in JDeveloper and if theres any steps i'm missing then please let me know.
    Thanks in advance
    Stoneiidol

    Hi,
    Mostly a Jdeveloper design view problem. Did you try closing and reopening the page? Or restarting JDeveloper?
    The code Generated in my Jdev is:
    <?xml version='1.0' encoding='UTF-8'?>
    <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
    <jsp:directive.page contentType="text/html;charset=UTF-8"/>
    <f:view>
    <af:document id="d1">
    <af:form id="f1">
    <af:pageTemplate viewId="/oracle/templates/threeColumnTemplate.jspx"
    id="pt1">
    <f:facet name="center"/>
    <f:facet name="header"/>
    <f:facet name="end"/>
    <f:facet name="start"/>
    <f:facet name="branding"/>
    <f:facet name="copyright"/>
    <f:facet name="status"/>
    </af:pageTemplate>
    </af:form>
    </af:document>
    </f:view>
    </jsp:root>
    What Amit said is alos true.
    Regards,
    Venkat

  • How to edit the "Oracle Three Column Layout" page template?

    Hello all,
    My question is very simple: how can one edit the Oracle Three Column Layout page template? I tried searching the file system for a file called "threeColumnTemplate.jspx" but I cannot seem to find it. Is it hidden into a jar file of some kind? Or at least can anyone tell me the name of the nice component located in the upper right corner that displays the loading activity?
    Thanks.

    Extract oracle-page-templates.jar with winzip & browse to location oracle/templates
    open the file threeColumnTemplate.jspx using jdeveloper.
    after you open it , you can edit the logo , save the changes & create this jar again or save it to the zip which will automatically update the jar.

  • TP3 Oracle Three Column Layout Template error

    Hi,
    if I choose for page template: Oracle Three Column Layout and run this page I get blank page with message: Error trying to include:viewId:/oracle/templates/threeColumnTemplate.jspx uri:/oracle/templates/threeColumnTemplate.jspxjavax.servlet.ServletException: Error in servlet
    thanks,
    Branislav

    Hi,
    if I exctract threeColumnTemplate.jspx from oracle-page-templates.jar and store it in my project as a template file it works and it works also with FF 2.0.0.11
    thanks,
    Branislav

  • Help with creating a layout.

    I need help creating a layout for my program, but am having tons of problems. I just an't that good at creating this, and it's been driving me insane.
    Here's the link to how I want it to look like. http://s94182144.onlinehome.us/randomstuff/layout.JPG
    In panel 1... that will be a cartesian plain, so it will pretty much be empty until lines and stuff are drawn in there.
    In panel 2, there will be two drop down menus and a couple of buttons
    In panel 3, there will be a bunch of things, with two buttons on the bottom.... and this section has to be scrollable.
    Any help with the basic layout will be helpful... I can put in the buttons myself. For reference, the whole programs size is 400x800.
    Thanks,
    sachit

    Read this section from the Swing tutorial on [url http://java.sun.com/docs/books/tutorial/uiswing/layout/visual.html]How to Use Layout Managers. You can combine multiple Layout Managers to get the effect your want. By default the content pane uses the BorderLayout, so one approach might be:
    JPanel center = new JPanel(new BorderLayout());
    center.add(panel1, BorderLayout.CENTER);
    center.add(panel2, BorderLayout.SOUTH);
    getContentPane().add(center, BorderLayout.CENTER);
    getContentPane().add(panel3, BorderLayout.EAST);
    It turn you would layout panel1, panel2 and panel3 with the appropriate layout manager. Panel2 could be something like:
    JPanel panel2 = new JPanel( new BorderLayout() );
    panel2.add(comboBox1, BorderLayout.WEST);
    panel2.add(comboBox2, BorderLayout.EAST);
    JPanel bottom = new JPanel();
    bottom.add(button1);
    buttom.add(button2);
    panel.add(bottom, BorderLayout.SOUTH);

  • Need help with Fluid Grid Layout and variable column balance.

    I'm using the fluid grid layout.  I have multiple columns that are actually fluid grid layout columns done by Dreamweaver.  I'd like them to extend as high as each other (all to the maximum height of each other) within the same section.  An added catch is that in the desktop layout, I have three side by side under one that takes the whole width of the page.  On tablet size, it's 2x2 in a square grid.  On mobile, they're vertically stacked.  I'm trying to get it so that background colour and/or borders looks decent and is fully balanced, no matter which layout is hit with the fluid layout.  The columns reflow, no problem.  But the height of any background and/or border is variable. 
    Any help on fixing this? 
    Example at:  https://music2help.thoughtburst.net/ 
    The example doesn't have borders or colours, as it looked silly unbalanced.  The music2help.css is the only one I'm modifying manually.
    Love the fluid grid layout, but I need a way to make it behave decently with backgrounds/borders.  Any help would be hugely appreciated!
    Thanks!
    mark->

    I tried the solution Nancy posted.  It altered things, but doesn't seem to do the trick.
    Just some quick background.  I did HTML from 1994 through about five years ago by hand in vi on *nix systems.  I learned HTML through 4.01, and never bothered with XHTML at all.  I learned CSS through most of CSS2.  The CSS3 and HTML5 stuff is all new to me, but it can't be that hard.  I'm not exactly a novice in JS (I've done a fair bit of AJAX programming), but it's not even close to my primary language (I'm a Perl guy).
    I'm "stuck on" wanting to use Fluid Grid Layouts.  It's billed as one of the selling points of DW CS6, and I really like the concept and results.  I just want the results embellished a little, namely with sensible identical heights on grid containers set in the same row, so that you can apply background colours, dropshadows, and borders.  That's really all I want to do that it doesn't already do.
    I have a test page at:  http://music2help.thoughtburst.net/ that you can try with your Quick Columns.  I'd be interested to know if you can get it to work.
    Here's the catch, though...  Resize the browser, shrinking it inwards.  (I suggest Firefox, as Chrome only shrinks so far, and you won't get to Mobile width.)  As you can see, on a Tablet, one of the columns that should be equal height actually moves up a row and should be equal height with the row that, on a desktop, would take the entire width of the page area.  So that's like a 4-up output in printing terms.  At Mobile size, the entire thing is vertical, so none of the columns should be resized.
    If your product works and can accomodate these conditions, I think I would be interested in spending the $35 it costs. 
    Let me know?  Thanks!
    EDIT:  Changed URL to be non-SSL.  The server has multiple vhosts on it, and I keep forgetting that I don't have a cert on this new one.  Sorry about that.  You can just add anything to one of the the three middle columns, if you're pulling it down to test.

  • Minor help needed with four-column layout

    Hello,
    I took a three-column DW template and turned it into a
    four-column layout, and I'm very proud to say that I've figured out
    most of it myself. (CSS is NOT my strong point.) However, I'm
    having some problems with the background in the fourth column.
    http://www.patiastephens.com/new
    How can I make the top of the fourth column/background level
    with the other three columns?
    And how can I get the background to repeat?
    I plan to eventually put ads in the fourth column, and I may
    or may not leave the background in, depending on how it looks.
    Thanks much!

    Hi, thank you, Bonnie.
    I did mess with the repeat properties, but nothing helped.
    However, I ended up moving the background image to the entire page;
    I think it looks better. (See updated page if you're interested.)
    Now I'm trying to figure out why I get float drop when I move
    the main content column above columns 3 and 4 (so it loads first)
    And why the text in columns 1 and 4 is pushed down ....
    Aaargh.

  • Help with calculated column formula- combine strings and convert to date

    In my list (SharePoint Server 2013) I have:
    'Invoiced Month' column, type of choice (strings with names of months- January, February, March..., December)
    'Year' column, single line of text (e.g. 2012, 2013, 2014)
    1. I need to create a calculated column which will return combined value of the columns above, but in DATE format e.g. 'Sep-2013' or '01-Sep-2013'.
    I then use that newly created calculated column to do this: http://iwillsharemypoint.blogspot.in/2012/03/sharepoint-list-view-of-current-month.html
    I am rubbish with formulas, can I have some help with my problem please?

    Hi,
    Use the formula, I have tested by creating Months column with choice, Year column as numeric and Calculated column as DateTime returned.
    =DATE(Year,IF([Months]="January", 1,IF([Months]="February",2,IF([Months]="March",3,IF([Months]="April",4,IF([Months]="May",5,IF([Months]="June",6,IF([Months]="July",7,IF([Months]="August",8,IF([Months]="September",9,IF([Months]="October",10,IF([Months]="November",11,12))))))))))),1)
    Before applying the formula few things need to be noted.
    DATE(YEAR, MONTH,DAY) will accepts three parameters all should be type numeric(integer).
    Create the Year column of type numeric
    Create the calculated column of type "DateTime" to return as date
    Please mark it answered, if your problem resolved or helpful.

  • How do I build a model calendar page with three columns and two or three lines per day?

    I am trying to build a Page that has three columns with lines in each column that will be numbered according to each month. Then each month I plan to type in the birth dates, anniversaries, special occasions of my family. There will be over 120 entries.Thus far when I take a blank page from Pages and begin to type in the event, it remove the underline I had put in. I imagine I should be able to build one model page and then replicate it as I go from month to month. Thus far I have been unsuccessful. Any help will be sincerely appreciated.
    Ken Melley

    You could use a Table to set up your information in Pages 5.2, unfortunately it has a bug that makes the table moire or less unusable after a few pages.
    Contacts stores all your Address Book information. NJust add all the name, telephone number, address etc and there is an additional field for birthdays, anniversaries etc. Anything else you can put in the notes:
    http://computers.tutsplus.com/tutorials/contacts-101-a-beginners-guide-to-contac ts-on-os-x--mac-51751
    Calendar lets you run separate sets of dates in a desktop calendar, which can include birthdays, anniversaries or any single or recurring events. Any names you use here will be cross referenced to Contacts.
    http://www.macworld.com/article/2057229/get-to-know-os-x-mavericks-calendar.html
    Peter

  • Ack!  need help with a CSS layout

    I've been struggling to layout a Dreamweaver template that
    does the following:
    You can see the files here:
    http://northfloridahealthcorps.org/Oct5/index.html
    First, I know there's way to much CSS going on here. I'm
    newer to CSS and there's a lot of code detritus that's probably
    compounding my problems. My apologies. I don't know if you need to
    anywise my code, I just want CSS that will solve the problem. Any
    suggestions that will help me set up a page that will do the
    following will be greatly appreciated.
    The layout:
    A centered 2 and 3 column layout with fixed width columns a
    footer and a header.
    I want to page to fill the browser in IE6 and 7, etc.
    regardless of the quantity of content.
    The footer needs to stay at the bottom; more content pushes
    the footer below the viewport but the footer's at the bottom even
    if the page has no text.
    There's a background image in the wrapper/container that
    helps delineate the columns. This needs to stretch vertically too.
    I've read a lot on Divs that stretch but sill can't see to
    figure out what I'm doing wrong. I have struggled and struggled
    this and I'm going nuts! Some CSS settings work for IE7 allowing
    the page to stretch but it doesn't work in IE6 or vice versa (and I
    can't get the footer to work!). What am I doing wrong?
    Thank's Thank's Thank's Thank's Thank's!
    Greg

    go here for a tutorial on keeping footers at the bottom of
    the page
    Text

  • Repeat "Detail a" section when using "Format with Multiple Columns" layout

    I am using Crystal Reports for .NET (VS 2008) and I would like to get the "Detail a" section to repeat at top of a second column containing additional data in "Detail b" section. Please see below for example, specifically "Detail a (2)". Any tips or help much appreciated.
    Detail a (1)_____Detail a (2)
    Detail b (1-1)___Detail b (2-3)
    Detail b (1-2)___Detail b (2-4)
    --Detail b (1-3)___Detail a (3)
    Detail a (2)______--Detail b (3-1)
    --Detail b (2-1)
    --Detail b (2-2)
    Thx, Scott

    the format with multiple columns i dont believe will show you the value 2x, but allows you to display the values across instead of down.
    i think you may want to use a sub report

  • Help with my nokia n95 please.

    Hi all.
    I am with 3g network, i had a free upgrade a few months ago, did not like the mobile they sent me ( nokia 6288 ).
    So i bought a brand new nokia n95 from ebay, locked to vodafone network.
    I had it unlocked saturday and put my 3g sim card in it.
    The phone is working, but i could not send picture messages or brow,s the web.
    I managed to sort those 2 probs out with the help of the nokia website, had to download 2 codes for my phone.
    does anyone know how i can get my gps to work with the 3g network ?.
    I did phone my network provider, and was told it will not work, becouse my n95 needs to be locked to the 3g network.
    Can anyone help me please.
    Regards
    Ken.

    Hi kenbo
    Although "voice navigation" requires purchasing a license, GPS feature is not network dependent. You can however have a free "3 day trial"
    Firstly if you are using v12.0.013 software on your N95 it is a lot quicker to obtain fix with A-GPS feature, although an active connection via WLAN or Network is needed.
    Go outside away from buildings and tress with clear view of sky. Open slider and hold phone at 45degrees, don't cover "#" key as GPS antenna beneath it. Low cloud or rain will make satellite acquisition a lot longer.
    If you go to Menu > Tools > GPS data > (searching for + calculating data) > Position > Options > Satellite status
    This shows any number of satellites up to five - empty rectangle = not locked on - black filled rectangle = signal acquired; you need a minimum of 3 solid bars for lock-on and triangulation to work!
    Depending upon which version of Nokia Maps is installed on your N95 you may either have satellite icon bottom right of your screen or satellite icon with three yellow or green lights.
    Happy to have helped forum in a small way with a Support Ratio = 37.0

Maybe you are looking for

  • Creating Job Order without Assembly Routing

    How can you prevent Users from Creating Job Order without creating routing to the Assembly used Regards

  • WS-Security

    Service is deployed in standalone server.While invoking method getting the following response. ------=_Part_4_407046509.1367926893806 Content-Type: application/xop+xml;charset=UTF-8;type="text/xml" Content-Transfer-Encoding: 8bit Content-ID: <effb6ee

  • IMac G4 as monitor for Mac Mini

    Is it possible to use an older G4 or G5 iMac as the screen for a new Mac Mini? It works great for my Grandson, except for some newer games.

  • Windows 7 64bit not able to use Ethernet

    I Have searched through the Forum and found many simaler posts, but none about windows 7. I have a Marvell Youkon 88E8058 PCI-E Ethernet card that will not work on windows 7. It works on OSX, but says it does not have internet connection on Windows 7

  • To catch click event on a picture on screen

    How to catch the click event on a picture on screen? Please answer with code. regards agn