Can I replace my table with divs, in this context?

Hi,
I'm trying to accomplish something without the use of tables. Maybe someone can tell me how.
- The skeleton is basically made up of 3 newspaper-style columns.
- Their widths aren't very likely to change -- their widths will be fixed -- so this eliminates one problem right off the bat, right?
- The first column (left) is a sidebar menu, and it has its own distinct background image pattern.
- The other two columns (mid and right) share a flat background. Right now, I'm just calling the same 1k JPG twice (once in each of those two columns/cells). I find this simpler than creating an unnecessary container just for the common background.
- All 3 columns begin at the same line (0).
So far so good, the fixed widths and the fact that they all begin at y=0 makes this easier than it otherwise could have been.
Now here's the tricky part :
- The amount of content is different from page to page (some pages are longer than others), and the amount of content per column will also vary individually (so the sidebar might be the longest column in one file, the mid column could be the longest element in the next, and so on...)
- The layout is horizontally centered.
- All 3 columns need to end at the same spot, which will be dynamic from page to page (in other words, the backgrounds of these columns need to stretch/repeat until the end of the column with the most content, whichever of the 3 columns that may be on any given page).
- There is a page-end image to display that is as wide as the combined 3 column widths.
As you can imagine, using a table with 3 columns makes this easy as pie. But I was told to avoid tables whenever possible, so if there's an easy way to justapose 3 divs and have them behave like 3 cells of the same table -- without too much markup -- I'd give it a try, and potentially leave tables behind for good.
It would be easy enough to create a large container div, horizontally center it, and left-float 3 divs inside it... but this doesn't address the problem of having to have those backgrounds repeat all the way to the end of the site. The way I just described, the backgrounds would vertically end wherever the content of that individual column ends.
And since we know divs don't like height=100%, well...
Any help would be appreciated.
Thanks!

Have you tried using Faux Columns?
http://www.alistapart.com/articles/fauxcolumns/
or Project Seven's Equal Height Columns script?
http://www.projectseven.com/tutorials/css/pvii_columns

Similar Messages

  • Can we replace OTR text with Images?

    Hi All,
    I just wanted to know can we replace OTR text with Images?
    or
    Can we define an image as an OTR text? so that it can be placed in the page where OTR text is used.
    regards...
    Ravi

    Hi Ravi,
    it is possible to replace an OTR Text with an image.
    You first have to define the Link in the OTR Text where your image is located. This can be everywhere in the Internet or better on a secured intranet server which everyone can reach easily without permission problems. Maybe in the DMZ.
    You can even link it into the MIME Repository of your SAP System as well.
    Then you have to put that OTR Text into a
    <htmlb:textview> Tag and ensure that the switch
    " encode = "TRUE" is enabled.
    Well thats all.
    Keep in mind that the a different language, set in the Internet Explorer or other viewing instances, disables the link if it not "translated" into that language.
    This can also be an advantage if you got multilingual fixed pictures with drawn text in it.
    I suggest you put all your links ( with a Value Field and at least a name field) into a seperate table into the repository for easy maintaining.
    Greetings,
    Dominik
    Edited by: Dominik Lemke on Dec 19, 2007 12:02 PM

  • Mixing Tables with Divs :: Discussion

    I've been doing a lot of study lately regarding standards.
    There seems to be some controversy regarding mixing tables with divs. There is the purist camp who advocate all divs, and there is the practical camp that advocates tables for structure and divs when needed otherwise.
    I would be interested in the thoughts of GoLive (as well as DW) users who would like to comment.

    In article <[email protected]>, [email protected] <br />wrote:<br /><br />> I might change my mind down the road, but for now it seems that straight CSS <br />> is impractical and overly time consuming, unless a design is kept very <br />> simple.<br /><br />Going all CSS is usually a tough learning curve and is best done when <br />you're not working under time constraints and need to get things done, <br />especially if you're comfortable with tables.<br /><br />One application that is being recommended again and again is CSSEdit:<br /><a href=http://macrabbit.com/cssedit/><br /><br />It allows you to play around with your css in real time on a live page, <br />which makes it a great learning tool.<br /><br /><br />> I am catching on to the benefits of CSS using divs where needed, and keeping <br />> tables to a minimum<br /><br /><snip><br /><br />One application I still resort to tables is when presenting a thumbnail <br />gallery of images of various sizes in *both* landscape and portrait <br />format. With tables you can center them easily, horizontally *and <br />vertically*, by setting the td alignment to "center" - I haven't come <br />across any easy way to do this with css.<br /><br />-- <br />Cheers  Martin

  • Can I convert a table to "div" tags?

    As I can not chose to work with "div" tags straight in DW as
    DW only can produce "tables" so far (As far as i know. If I don't
    do it manuallu then) But is there a way to convert a table to "div"
    tags? I have been recommended to use "div" tags and not tables any
    more. And I am not a coder guy.

    > A <div> is a block level element, just like an
    <h1> or <p> tag. When you
    > then
    > add positioning information to it, it then becomes a
    "layer". (someone
    > correct
    > me if I'm wrong)
    Any element with absolute positioning becomes a "layer" in DW
    parlance. Any
    element with relative, static, or fixed positioning does not.
    Start here for the tutorials -
    http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
    http://www.macromedia.com/devnet/mx/dreamweaver/css.html
    http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
    http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
    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
    ==================
    "Lesurel" <[email protected]> wrote in
    message
    news:[email protected]...
    > Why do you want to change from tables to divs? Although
    CSS is preferred
    > way to
    > design websites these days, there are still plenty of
    tables out there.
    > See
    > Yahoo, for example.
    >
    > I assume you are are only using Dreamweaver in the
    design view, and not
    > going
    > into the code itself? The only good way to do it would
    be in code view,
    > and
    > unless you really know what you are doing, you can
    really give yourself a
    > big
    > headache if you try to do a one-to-one conversion.
    Depending on how
    > complicated
    > your page is, it might be more straightforward to
    recreate the page using
    > CSS
    > (divs, classes, ids, positioning).
    >
    > A <div> is a block level element, just like an
    <h1> or <p> tag. When you
    > then
    > add positioning information to it, it then becomes a
    "layer". (someone
    > correct
    > me if I'm wrong)
    >
    > Check out any of the many, many tutorials on CSS to get
    started. (do a
    > search
    > on this forum for recommendations)
    >
    >

  • Can I replace InDesign CS6 with InDesign CS6 ME version?

    Can I replace InDesign CS6 with InDesign CS6 ME version? And does the ME version interface in English or Arabic?
    I have a translator who sends me InDesign files using the Sultan font, but when I open it, a lot of the font shows up as math symbols. I have the correct font installed, but I'm wondering if I need the additional features of the ME version of InDesign to make the type correct on my end.

    I don't believe my CS6 is from a Creative Cloud subscription. It was installed by my IT department, so I will ask them.
    When I receive the files from the translator, they send both an InDesign file and a PDF, so I can see it as they see it. However, the InDesign file looks like this:
    But the PDF file looks like this:
    They sent me the font file, so I'm assuming I have the right font and the issue is on my end. Or perhaps not?

  • Can I replace a DOMParser with a SAX parser?

    hi, can I replace a DOMParser with a SAX parser? In the class "org.apache.xerces.parsers.DOMParser", there is a method called "getDocument()", it returns the document as a DOM object, but I don't see any equivalent methods in the SAX parser.

    I would avoid using SAXParser. It has been superceded by the org.xml.sax.XMLReader class.
    the XMLReader class has a method called parse() that accepts an InputSource.
    Look at the org.w3c.transform (I think that's it) package and it gives you the ability to create a stream from a DOM Document.
    Also avoid using classes that are specific to an implementation of an XML parser. I know from experience that this can really jam things up in the long run.

  • How can I replace the Portal with completely new Flash website?

    Can I replace the Portal with completely new Flash website? My customer do not want the JSP UI. Instead, he wants a completely new designed Flash site. Is it possible to do it? How can I deploy a new portal to cover the current one?

    If you have a look at some of the code examples which do the equivalent of site maps, you could in theory replace the whole portal desktop with some sort of Flash framework which reads the user's role structure at run time.
    I think it is useful to remember that the SAP portal is primarily a business application launchpad. It does that very well. Trying to make it into a Flash launchpad will be challenging.

  • My iphone has fallen into the water 6months ago and there is no apple store in my country so i gave the phone s technical service.but they couldnt repair the phone.and now the battery is swollen.can i replace the phone with the new one in spain?

    My iphone has fallen into the water 6months ago and there is no apple store in my country so i gave the phone s technical service.but they couldnt repair the phone.and now the battery is swollen.can i replace the phone with the new one in spain?

    You can only obtain warranty OR post warranty service in the country of original purchase
    As your iPhone has user damage it has no warranty
    IF the iPhone originated from Spain or another EU country you can get out of warranty service in any EU country

  • How can I treat many tables with one handler(?) ?

    Hello~
    I am applying BDB to my embbeded system not rich in resource.
    Some *.db files are called frequently.
    But, Opening a *.db file [db_create(&dbp, NULL, 0) AND dbp->open] takes a long time in BDB
    So, I loaded this functions onto a booting module to call opening functions just one time.
    And all D/B handlers(?) are loaded in all run time
    But, a D/B handler takes about 360Kbytes. And there are too many *.db files(10) where a table is
    How can I treat many tables with one handler(?) ?
    Or
    If you have the most efficient way to call openning functions just one time, please tell me
    Thank you

    Hello,
    Opening the database handles is expensive due to
    opening a file on disk. Is it possible for the application
    to use in-memory dbs? Otherwise is there a way for the application
    to cache the DB handles and reduce the overhead associated with
    opening and closing them?
    Thank you,
    Sandra

  • HT1338 can i replace my mac with a newest model and pay a difference

    can i replace my mac with the newest model and pay a difference>>>

    Sorry. No.
    Apple does not have a trade-in policy.
    Best.

  • The demand of my application is that i can not replace for loop with a while loop.because i need fixed number of iterations and as far as i know fixed iterations could be only with possible with the for loop.

    the demand of my application is that i can not replace for loop with a while loop.because i need fixed number of iterations and as far as i know fixed iterations could be only with possible with the for loop.
    your recommended second option that i could add true/false case.
    this true/false case must be inside the for loop or outside the for loop?if this case is inside the for
    loop, how can i send stop command from outer while
    loop?
    more over do you have any example for this please?
    thanks"

    You can execute a fixed number of iterations using a while loop by comparing the iteration count to the number of iterations you want and wiring the output of that comparison (e.g. Less Than or Equal To) to the continue (or stop) terminal of your while loop. Which comparison you use depends on personal preference, where you wire the desired count and the interation count, and whether you're using the while loop as Continue if True or Stop if True.
    Ben gave you step-by-step instructions in response to your previous question. Look here for Ben's response.
    Ben's response looks pretty good and detailed to me. It certa
    inly deserved better than a 1-star rating.

  • How Can I Export A Table With Its Entries ( values )

    Hi guys,
    How can i export a table with the entries that the table is populated with ??!!
    Best Regards,
    Fateh

    To export a table and its data you can do it a number of ways.. Do you have access to SQL Developer? If not you can do it through the APEX SQL Workshop..
    Under SQL Workshop, Utilities, Data Unload, To text (or XML, whichever you are more comfortable with..).. Select your schema, click next button, select the table, click next, select the columns you want exported (select ALL ITEMS in the select List), click next, on optionally enclosed by I usually enter a " (Sometimes I have long strings in columns), click the include column names checkbox to get the column names at the top of the document, click unload data button..
    To get the ddl (code to build table) Sql Workshop, utilities, generate ddl, create script, select schema, select next, click table checkbox, select next, click the checkbox of table you want to get ddl for...
    Thank you,
    Tony Miller
    Webster, TX
    There are two kinds of pedestrians -- the quick and the dead.
    If this question is answered, please mark the thread as closed and assign points where earned..

  • My Mac Book Pro will be 4 years old in Sept. I now have Snow Leopard and bought an IPhone 4S this week. I know I need Lion to use ICloud. Can I upgrade to Lion with a computer this old?

    My Mac Book Pro will be 4 years old in Sept. I now have Snow Leopard and bought an IPhone 4S this week. I know I need Lion to use ICloud. Can I upgrade to Lion with a computer this old?

    As long as it meets the minimum requirements:
    Lion System Requirements
    Mac computer with an Intel Core 2 Duo, Core i3, Core i5, Core i7, or Xeon processor
    At least 2GB of memory
    OS X v10.6.6 or later (v10.6.8 recommended)
    7GB of available space on hard drive
    Some features require an Apple ID; terms apply.

  • How can I represent a table with JSF ?

    Hi,
    I want to replace my (html) table with a JSF representation..
    I found the tag <h:dataTable>, and this defines <h:column> but there is no <h:row> !!
    There is an attribute rows to represent the number of rows to display, but how can I add these rows ?
    Thank you

    <h:panelGrid columns="2">
    </h:panelGrid>will produce table with 2 columns and if provided, the next 2 columns will appear in the next row and so forth...

  • How can I build a table with the time values of a timer from a while loop

    Hi:
    I have a question concerning building a table:
    Every 100ms I read a value from a sensor (while loop with a timer). I would like to build a table with the actual time and the concerning value. For example:
    0msec         1V
    100msec     2V
    200msec     3V
    300msec     4V
    etc.
    If I use the Express VI for building a table, I always get the date and time, but I don't need the date and the time is in the following format: HH:MMS, which is nonsensical for me as I can't differentiate within msec. Can I change the format anywhere?
    Can I also save the table to a file or even to an Excelsheet? How can I do that?
    Thanks for your help!

    Hi Craig:
    thank you very much. To solve the mystery : ) :
    I want to drive a stepper motor with a specific frequency. To get the current degree value of the motor I would like to measure the current time (from the beginning of the move on). (With a formula I get the degree value out of the time)
    Concurrently I would like to get data from a torque sensor and from a pressure sensor. That's why I asked you about the time and the table. The measurement should start with the movement of the motor. How can I do that? Right now I have different block diagrams (different while loops) (see attachment) and I would like to put them in one.
    I haven't done the block diagram for the pressure sensor yet, so there is only the one for the torque sensor and the one for the motor.
    I also would like to set a mark in the table when the voltage value of an analog input gets under a specific threshold value. Is that possible?
    I'm sorry, I'm a novice in LabVIEW. But maybe you can help me.
    Thank you very much!
    Steffi
    Attachments:
    motor.vi ‏238 KB
    sensor.vi ‏59 KB

Maybe you are looking for