I took the jsessionid issue out of the equation and the resize/stretch problem persists.

Across ALL browsers. I have spent much time trying different css attributes to flush it out.

Best regards
Ken in nashua



----Original Message Follows----
From: "Ken nashua" <[EMAIL PROTECTED]>
To: [EMAIL PROTECTED], users@tapestry.apache.org
Subject: RE: css overrides (ie6, ie7,firefox) ?
Date: Mon, 16 Jul 2007 14:01:50 -0400

Folks, I appreciate the reply but the css overrides are being applied. There are many of them. Images are rendering, text, etc...

The problem is the image is not scaling to the full width opf the box when I specify percentages up to 98%.

The tapestry code is appending the session on buildURL() ???.

        @Asset("/styles/tapestryskin/theme.css")
        public abstract IAsset getTheme();

                writer.beginEmpty("link");
                writer.attribute("rel", "stylesheet");
                writer.attribute("type", "text/css");
                writer.attribute("title", "don't select");
                writer.attribute("href", getTheme().buildURL());
                writer.println();

So I did this...
                writer.beginEmpty("link");
                writer.attribute("rel", "stylesheet");
                writer.attribute("type", "text/css");
                writer.attribute("title", "don't select");
                String builtURL = getTheme().buildURL();
                String sessionStrippedURL = builtURL.substring(0, 
builtURL.indexOf(";"));
                writer.attribute("href", sessionStrippedURL);
                writer.println();

Problem remains ... not solved. Why can't css elements resize properly?

Thanks for trying... Is there some tacos oriented script I can integrate?

Best regards
Ken in nashua



----Original Message Follows----
From: "Ken nashua" <[EMAIL PROTECTED]>
To: [EMAIL PROTECTED], users@tapestry.apache.org
Subject: css overrides (ie6, ie7,firefox) ?
Date: Mon, 16 Jul 2007 10:25:39 -0400

I tried these on Shell

doctype="" renderContentType="false"

still no solution.

Do I need to supplement a script to resize this dynamically/manually?

Can someone offer a snippet?

Best regards
Ken in nashua



----Original Message Follows----
From: "Ken nashua" <[EMAIL PROTECTED]>
Reply-To: Tacos Developers <[EMAIL PROTECTED]>
To: [EMAIL PROTECTED]
Subject: [Tacos-devel] css overrides (ie6, ie7,firefox) ?
Date: Mon, 16 Jul 2007 10:04:13 -0400

Guys (using tap-4.0),

I implemented a Customhead component that extends Shell and functionally is
sound.

I render my own css overrides ... Specifically for header image on top
header portion of main page.

I am wondering why the image fails to fill in the whole space of the DIV ???

Here is the original css (from appfuse css-framework)

div#header {
        color: black;
        clear: both;
        padding: 0;
        height: 94px;
        /*height: auto;*/
        margin: 5px 5px 5px 5px;
        /*background-size:      100%;*/
        /*background-origin: content;*/
        background: #fff url( images/trails-header94.jpg ) top left no-repeat;
}

No matter what I specify, the image renders short of the actual width/height
of the element.

I am unable to edit a solution to this in the css file. ??

Then when I try to specify custom head attributes that simply provide css
overrides, that still does not work. Nothing works.

Ie6 is toast when it comes to css and has enter/leave bugs. Ie7 eventually
fails. Firefox cannot perform simple width/height geometry mgt when it comes
to resizing the image to the actual size of the header element.

Been blue in the face for sometime.

Is there a solution to this? Shouldn't this stuff been nailed down years
ago? Below is a my last overrides rendered.

Any help is appreciated.
Best regards
Ken in nashua

<head>
<meta name="generator" content="Tapestry Application Framework, version
4.0.2"/>

<link rel="stylesheet" type="text/css" title="don't select"
href="/styles/tapestryskin/theme.css;jsessionid=u7smsn5p7hmv"/>

<style type="text/css"><!-- Custom <HEAD> Style Overrides -->

        body {
                background-repeat: repeat, repeat;
                width:  auto;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                background: #fff url(
/BlobService.svc?class=org.trails.demo.AdminLayout&contentType=image/gif&fileName=backgd.gif&id=1&property=background
) top left no-repeat;
        }

        div#header {
                width: 100%;
                height: 100px;
                padding: 0 0 0 0;
                margin: 0 0 0 0;
                background-size: 100%;
                background-origin: content;
                border: 5px solid #ccc;
                background: #fff url(
/BlobService.svc?class=org.trails.demo.AdminLayout&contentType=image/gif&fileName=header.gif&id=1&property=header
) top left no-repeat;
        }

        div#main {


                padding: 15 auto;

        }

        div#splash {
                background: #fff url(
/BlobService.svc?class=org.trails.demo.AdminLayout&contentType=image/pjpeg&fileName=splash.jpg&id=1&property=splash
) top left no-repeat;
        }
</style>

</head>


<body>
........

_________________________________________________________________
Don't get caught with egg on your face. Play Chicktionary! http://club.live.com/chicktionary.aspx?icid=chick_hotmailtextlink2

_________________________________________________________________
Local listings, incredible imagery, and driving directions - all in one place! http://maps.live.com/?wip=69&FORM=MGAC01

_________________________________________________________________
http://liveearth.msn.com


---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Reply via email to