ansaurus

Question

Can this auto-stretcing scenario be realized undex XHTML/CSS?

Answer 1

A:

Use JavaScript.

How to get screen height: http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

Knaģis 2010-06-11 12:46:17

Answer 2

+1 A:

I would not use iframes because they are outdated. Instead you could use jQuery UI or/and some CSS.

ASP.NET

You can use a "PDF viewer".

Could you use WPF for web...

http://stackoverflow.com/questions/1495276/please-suggest-a-pdf-viewer-for-wpf

Otherwise...

jQuery UI

Here is a link to functionality that you could be interested in: http://jqueryui.com/demos/tabs/#default

CSS fun!

Here is an example of what you could do with some CSS.

style.css

.menuTop
{
   position: relative;
   margin: 0 auto;
   background: #F00;
   height: 30px;
   width: 1024px;
   height: auto;
   text-align: center;

}

.frame
{
   position: relative;
   background:#F90;
   text-align: center;
   width: 1024px;
   height: 720px;
   overflow: scroll;
   margin: 0 auto;
}



.frameContent
{
 position: relative;
 height: auto;
 background:#09F;
 text-align: left;
}

.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
        <html xmlns="http://www.w3.org/1999/xhtml"&gt;
            <head>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
                <title>Test</title>
                <link type="text/css" rel="stylesheet" href="style.css" />
            </head>
            <body>
        <div class="menuTop">
           Your menu here...
         </div>
        <div class="frame">

            <div class="frameContent">
                <p>H</p>
                <p>E</p>
                <p>L</p>
                <p>L</p>
                <p>O</p>

                <p>W</p>
                <p>O</p>
                <p>R</p>
                <p>L</p>
                <p>D</p>
                <p>!</p>

                <p>I</p>
                <p>S</p>

                <p>T</p>
                <p>H</p>
                <p>I</p>
                <p>S</p>

                <p>C</p>
                <p>O</p>
                <p>O</p>
                <p>L</p>
                <p>!</p>
            </div>
        </div>

    </body>
</html>

Alerty 2010-06-11 14:31:04

... and if you have to display a .PDF file inside your webpage?

Vilx- 2010-06-11 14:37:43

@Vilx: Are you using a server side language?

Alerty 2010-06-11 14:48:13

Yes, ASP.NET 3.5SP1.

Vilx- 2010-06-11 15:34:40

@Vlix: Do you want to generate a PDF or you only want to display a PDF?

Alerty 2010-06-12 18:26:05

The PDF is generated by another software (accounting package, report). I'm the middle man.

Vilx- 2010-06-14 08:56:55

Oh, and also there might be not only a PDF, but also a word document, excel file, rtf file, or just plain HTML. :) All in all, it's way simpler just to use an IFrame. I know it's outdated and all, but for this task it's the simple and elegant solution that just works.

Vilx- 2010-06-14 08:59:05

Answer 3

A:

I suggest html like this:

<div id="menu">
    <ul>
        <li>one</li>
        <li>two</li>
        <li>three</li>
    </ul>
</div>
<div id="contents">
    <p>        Look it's a content-paragraph.
    </p>
    <p>
        bother<br />
        bother bother bother<br />
        bother bother bother<br />
        bother bother bother<br />
        bother bother bother<br />
        bother bother bother<br />
        bother bother bother
    </p>
</div>

With CSS like this:

#menu {
    border: dashed gray 1px;
}
#menu ul {
    margin: none;
    padding: none;
    text-align: center;
}
#menu li {
    list-style-type: none;
    display: inline;
}


#contents {
    border: solid blue 1px;
}

If you see it on JSFiddle and resize the "Result" quadrant (bottom-right one) so that the text doesn't fit, you'll see that it lets the text stretch down and then gains scroll.
Isn't this what you want?

ANeves 2010-06-11 14:39:49

ansaurus

tags:

views:

answers:

Can this auto-stretcing scenario be realized undex XHTML/CSS?

ASP.NET

jQuery UI

CSS fun!

related questions