Run your page through
http://validator.w3.org/

Add a DOCTYPE to your page.
Do you still use the <font> and <center> tags?
<center> is not allowed inside a <a> tag.
Why do you have a CSS file if you add style directly in the HTML?
You don't close the <font> and <span> tags?
The <p> that Fabrizio mentioned is a real beauty, ellipses (...)
instead of  "> : <p style="<cut> ...

<img src="/static/squadra.gif"/ width="250px">
What is the / doing inside the img tag? And the px is not allowed in
the with attribute, it is not a style specification.

Three <div id="box"> tags? Looks more like a class.

In the CSS file all tags specify to use
font-family:Arial, Helvetica,'Liberation Sans', FreeSans, sans-serif;
Move this to the body CSS specification with a default size and
specify size differences at the other CSS specs.

If you have a group of CSS specs that show up multiple times group
them in a separate CSS class and use multiple css classes to a tag or
an id and class attribute.
Example:
CSS
.grey-border {
        -moz-box-shadow: 1px 0px 6px #000000;
        -webkit-box-shadow: 1px 0px 6px #000000;
        box-shadow: 1px 0px 6px #000000;
        background: #CCCCCC;
        background: -moz-linear-gradient(left, #CCCCCC 0%, #DDDDDD 4%,
#DDDDDD 96%, #CCCCCC 100%);
        background: -webkit-gradient(linear, left top, right top,
color-stop(0%,#CCCCCC), color-stop(4%,#DDDDDD),
color-stop(96%,#DDDDDD), color-stop(100%,#CCCCCC));
        filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#CCCCCC', endColorstr='#CCCCCC',GradientType=1 );
}
/* div#box is now class .box */
.box {
        margin:3px;
        padding-top:1px;
        padding-left:2px;
        padding-right:2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        font: 15px/1.5 Arial, Helvetica,'Liberation Sans', FreeSans, sans-serif;
        height:150px;
        width:190px;
        float:left;
        position:relative;
}

div#img {
        margin: 0;
        font: 15px/1.5 Arial, Helvetica,'Liberation Sans', FreeSans, sans-serif;
        float:left;
        position:relative;
}

In your HTML
<div id="img" class="grey-border">
<img src="static/squadra.gif" width="250">
</div>
<div class="box grey-border">
Prova <br>
klfjlkfjldfjglkdfnbn x.,nb,cbv,
</div>


2011/1/14 Fabrizio Accatino <fht...@gmail.com>:
> Your issue is not a GAE issue.  The CSS is the same.
> Check your HTML.  It's invalid. Look at the end of "lorem ipsum" block and
> the adv java-script block.
>
>    Fabrizio

-- 
You received this message because you are subscribed to the Google Groups 
"Google App Engine" group.
To post to this group, send email to google-appengine@googlegroups.com.
To unsubscribe from this group, send email to 
google-appengine+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-appengine?hl=en.

Reply via email to