| 

.NET C# Java Javascript Exception

grails tag Problem

Dies ist das Archiv des ehemaligen Forums zum Thema Groovy, Grails, Griffon und Bean Scripting Framework, welches unter groovy-forum.de existierte. Die neue Adresse des Groovy-Forums ist: http://codekicker.de/fragen/themen/groovy.


grails tag Problem

Catharina - 31.03.2009 12:26
Hallo alle zusammen!

Ich hab noch kein passendes Thema gefunden und mach hiermit mal ein Fass auf:

Ich habe eine Grailsanwendung mit allem zipp und zapp und ein Problem mit dem Internet Explorer:
Ich habe Stylesheets die ich in meine gsp einbinde, in dieser gsp befinden sich des weiteren tags wie
<g:sortableColumn/>
oder
<g:paginate/>
.
Der Firefox nimmt die Styles locker hin und stellt alles dar, wie das gedacht war, aber der IE, der natürlich auch funktionieren muss, macht alle Tags in weiss statt blau und n paar nummern zu groß.

GSP-Source:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="shortcut icon" href="${createLinkTo(dir:'images',file:'favicon.ico')}"/>
        <link rel="stylesheet" href="${createLinkTo(dir:'css',file:'layout.css')}"/>
        <link rel="stylesheet" href="${createLinkTo(dir:'css',file:'default.css')}"/>    
        
        <title>Liste</title>
    </head>
    <body>
    
     <div id="header">
        <g:render template="/layouts/commons/header"/>
      </div>
      <div id="toolbar">
        <ul id="navList">
          <li><a href="/TestProduct">Home</a></li>
        </ul>
      </div>
      <div id="stripe"></div>
      

      <table border="0px" cellspacing="0" cellpadding="0" width="100%" height="385px">
        <tbody>
          <tr>
            <td id="menu">
              <dl id="menuList">
                <dt>Services</dt>
                  <dd>
                    <ul>
                      <g:each var="c" in="${grailsApplication.controllerClasses}">
                        <g:link controller="${c.logicalPropertyName}"><li>${c.name}</li></g:link>
                      </g:each>
                    </ul>
                  </dd>
              </dl>
            </td>
            
            <td id="fullContent" width="100%" valign="top" height="100%">
              <table id="portal" border="0">
                <tbody>
                  <h1 class="headlineNoImage">Liste</h1>
                  <g:if test="${flash.message}">
                     <div class="message">${flash.message}</div>
                  </g:if>
                  <p>Hier werden die ........</p>
                  <p>Es werden ........</p>
                
                <div class="list">
                    <table class="standard">
                        <thead>
                            <tr>
                            
                                <g:sortableColumn property="id" title="ProductSN"/>
                            
                                <th title="ProductCatalogId"  class="sortable">ProductCatalogId</th>
                                
                                <g:sortableColumn property="productId" title="ProductId" />
                                
                                <th title="SupplierId">SupplierId</th>
                                                            
                            </tr>
                        </thead>
                        <tbody>
                        <g:each in="${simpleProductInstanceList}" status="i" var="simpleProductInstance">
                            <tr class="${(i % 2) == 0 ? 'odd' : 'even'}">
                            
                                <td>${fieldValue(bean:simpleProductInstance, field:'id')}</td>
                            
                                <td>${fieldValue(bean:simpleProductInstance, field:'productCatalogId')}</td>
                                
                                <td>${fieldValue(bean:simpleProductInstance, field:'productId')}</td>
                                
                                <td>${fieldValue(bean:simpleProductInstance, field:'supplierId')}</td>

                            </tr>
                        </g:each>
                        </tbody>
                    </table>
                  </div>
                      <div class="paginateButtons">
                        <g:paginate next="Forward" prev="Back" total="1000" style="font-size: 10px; color: #002276;"/>
                      </div>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
    </body>
</html>

Umgesetzt vom IE:

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="shortcut icon" href="/TestProduct/images/favicon.ico"/>
        <link rel="stylesheet" href="/TestProduct/css/layout.css"/>
        <link rel="stylesheet" href="/TestProduct/css/default.css"/>    
        
        <title>Liste</title>
    </head>
    <body>
    
     <div id="header">
        <div id="supplierLogo"></div>
<div id="title">
  <span id="appName"/>
</div>
<div id="marketLogo"></div>
      </div>
      <div id="toolbar">
        <ul id="navList">
          <li><a href="/TestProduct">Home</a></li>
        </ul>
      </div>
      <div id="stripe"></div>
      

      <table border="0px" cellspacing="0" cellpadding="0" width="100%" height="385px">
        <tbody>
          <tr>
            <td id="menu">
              <dl id="menuList">
                <dt>Services</dt>
                  <dd>
                    <ul>
                      
                        <a href="/TestProduct/simpleCatalog/index"><li>SimpleCatalog</li></a>
                      
                        <a href="/TestProduct/manufacturerBrandName/index"><li>ManufacturerBrandName</li></a>
                      
                        <a href="/TestProduct/index/index"><li>Index</li></a>
                      
                        <a href="/TestProduct/simpleProduct/index"><li>SimpleProduct</li></a>
                      
                        <a href="/TestProduct/matching/index"><li>Matching</li></a>
                      
                        <a href="/TestProduct/searchable"><li>Searchable</li></a>
                      
                        <a href="/TestProduct/productCatalog/index"><li>ProductCatalog</li></a>
                      
                    </ul>
                  </dd>
              </dl>
            </td>
            
            <td id="fullContent" width="100%" valign="top" height="100%">
              <table id="portal" border="0">
                <tbody>
                  <h1 class="headlineNoImage">Liste</h1>
                  
                  <p>Hier werden die ........</p>
                  <p>Es werden ........</p>
                
                <div class="list">
                    <table class="standard">
                        <thead>
                            <tr>
                            
                                <th class="sortable" ><a href="/TestProduct/simpleProduct/list?sort=id&amp;order=asc">ProductSN</a></th>
                            
                                <th title="ProductCatalogId"  class="sortable">ProductCatalogId</th>
                                
                                <th class="sortable" ><a href="/TestProduct/simpleProduct/list?sort=productId&amp;order=asc">ProductId</a></th>
                                
                                <th title="SupplierId">SupplierId</th>
                                                            
                            </tr>
                        </thead>
                        <tbody>
                        
                            <tr class="odd">
                            
                                <td>279579</td>
                            
                                <td>Test</td>
                                
                                <td>Test2035</td>
                                
                                <td>Test</td>

                            </tr>
                        
                            <tr class="even">
                            
                                <td>279580</td>
                            
                                <td>Test</td>
                                
                                <td>Test15MD</td>
                                
                                <td>Test</td>

                            </tr>
                        
                            <tr class="odd">
                            
                                <td>279581</td>
                            
                                <td>Test</td>
                                
                                <td>Test2020EK</td>
                                
                                <td>Test</td>

                            </tr>
                        
                            <tr class="even">
                            
                                <td>279582</td>
                            
                                <td>Test</td>
                                
                                <td>TestBBH</td>
                                
                                <td>Test</td>

                            </tr>
                        
                        </tbody>
                    </table>
                  </div>
                      <div class="paginateButtons">
                        <a href="/TestProduct/simpleProduct/list?offset=50&amp;max=10" class="prevLink">Back</a><a href="/TestProduct/simpleProduct/list?offset=0&amp;max=10" class="step">1</a><span class="step">..</span><a href="/TestProduct/simpleProduct/list?offset=10&amp;max=10" class="step">2</a><a href="/TestProduct/simpleProduct/list?offset=20&amp;max=10" class="step">3</a><a href="/TestProduct/simpleProduct/list?offset=30&amp;max=10" class="step">4</a><a href="/TestProduct/simpleProduct/list?offset=40&amp;max=10" class="step">5</a><a href="/TestProduct/simpleProduct/list?offset=50&amp;max=10" class="step">6</a><span class="currentStep">7</span><a href="/TestProduct/simpleProduct/list?offset=70&amp;max=10" class="step">8</a><a href="/TestProduct/simpleProduct/list?offset=80&amp;max=10" class="step">9</a><a href="/TestProduct/simpleProduct/list?offset=90&amp;max=10" class="step">10</a><a href="/TestProduct/simpleProduct/list?offset=100&amp;max=10" class="step">11</a><span class="step">..</span><a href="/TestProduct/simpleProduct/list?offset=990&amp;max=10" class="step">100</a><a href="/TestProduct/simpleProduct/list?offset=70&amp;max=10" class="nextLink">Forward</a>
                      </div>
                </tbody>
              </table>
            </td>
          </tr>
        </tbody>
      </table>
    </body>
</html>

Ich habs schon (gut sichtbar unter <div class='paginateButtons'>) schon mit überschreiben des styles direkt im Tag versucht, vergeblich.
Ich habe außerdem die Standard Grails main.css rausgeschmissen.
Ich habe auch schon versucht in meinen Styles die Klasse "sortable" zu überschreiben... klappte auch net.
Er scheint mit dem a nich richtig klar zu kommen. Bei der ersten Tabelle konnte ich ihn austricksen mit:
<g:link controller="${c.logicalPropertyName}"><li>${c.name}</li></g:link>
statt
<li><g:link controller="${c.logicalPropertyName}">${c.name}</g:link></li>
falls jemand so ein Problem schonmal hatte.
www.grails.org bringt auch net wirklich hilfe......

Was zur Hölle muss ich denn machen damit der IE auch mal vernünftig etwas darstellt :-) ???
Hat jemand schon ähnliche Probleme gehabt?


grüße und danke für evtl Hilfe,
Catharina


Re: grails tag Problem

Catharina - 31.03.2009 14:24
Ich habs auch noch einem russischen Kollegen weitergegeben, der konnte mit der CSS und der gsp zusammen das nicht reproduzieren (mit IE 7), ich versuch also gerade noch herrauszufinden, ob es nur an mir liegt... was ich mir nicht vorstellen kann. Die CSS sieht so aus (nach notepad++ Syntaxhilighting gar nicht so übel....) :
/*
  layout.css - defines general layout of application, i.e
  toolbar, menu, header, footer locations.
*/

/* body */
body {
  font-family : Verdana, Arial;
  font-size : 11px;
  font-weight: normal;
  color : black;
  background-color : #FFFFFF;
  margin : 0px;
  padding: 0px;
}

table {
  font-family : Verdana, Arial;
  font-size : 11px;
  font-weight: normal;
  color : black;
}

/** Header behaviour */

div#header {
  top: 0px;
  background-color: rgb(11,50,141);
  height: 42px;
  width: 100%;
  border: none;
  text-align: center;
}

div#supplierLogo {
  position: absolute;
  left: 0px;
  width: 444px;
  background: url(../image/layout/supplierLogo.gif) no-repeat center;
  height: 42px;
  border: none;
}

div#title {
  height: 42px;
  margin: 0px 0px 0px 205px;
  padding: 0px 6px 0px 0px;
  text-align: right;
  font-family: Tahoma,Verdana,Arial;
}

div#footerMessageBuildVersion {
  display: none;
}

span#userName {
  font-weight: bold;
  font-size: 11px;
  padding-top: 2px;
  display: block;
  color: white;
}

#appName a {
  font-size: 16px;
  color: #FFFFFF;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
}

#moduleName {
  color: #FFFFFF;
  font-weight: bold;
  vertical-align: middle;
  text-decoration: none;
  text-shadow: black;
}

div#marketLogo {
  position: absolute;
  right: 0px;
  top: 0px;
  background: url(../image/marketpllogo.gif) no-repeat top;
  height: 42px;
  width: 150px;
  border: none;
  display: none;
}

/* Toolbar behaviour */
div#toolbar {
  height:20px;
  /* This is hack for IE don't remove it */
  //height: 24px;
  margin: 0px;
  padding: 3px 0px 0px 0px;
  background: url(../image/layout/toolbar.gif) repeat-y;
  background-color: rgb(11,50,141);
  border-bottom: 1px solid rgb(217,224,243);
}

ul#navlist {
  list-style-type: none;
  margin: 0px 0px 0px 201px;
  padding: 2px 0px 5px 0px;
  white-space: nowrap;
  border-bottom: none;
  border-left: none;
}

#navlist li {
  display: inline;
  margin-right: 1px;
  padding: 3px 2px 5px 3px;
  background: url(../image/layout/tabRegular.gif) repeat-x;
  border-top: 1px solid rgb(156,150,205);
  border-left: 1px solid rgb(156,140,200);
  border-right: 1px solid rgb(53,81,146);
}

#navlist li.selected {
  border-top: 1px solid rgb(217,224,243);
  border-right: 1px solid rgb(110,127,170);
  border-left: 1px solid rgb(217,224,243);
  border-bottom: 1px solid rgb(151, 166, 199);
  background: url(../image/layout/tabActive.gif) repeat-x;
  background-color: rgb(151, 166, 199);
  position: relative;
  z-index:1;
}

#navlist a {
  padding: 1px 4px 0px 12px;
  background: url(../image/layout/tabCorner.gif) no-repeat top left;
  color: white;
  font: 11px Tahoma, Verdana, Arial;
  text-decoration: none;
}

#navlist li.selected a {
  color: white;
  font-weight: bold;
}

div#iconbar {
  height: 16px;
  position: absolute;
  display: block;
  float: right;
  right: 5px;
  top: 46px;
}

#iconbar a {
  margin-right: 0px;    
}

div#stripe {
  margin: 0px;
  padding: 0px;
  height: 6px;
  overflow: hidden;
  background-color: rgb(151, 166, 199);
  border-bottom: 1px solid rgb(76, 98, 155);
  width: 100%;
}

td#stripe {
  margin: 0px;
  padding: 0px;
  height: 6px;
  overflow: hidden;
  background-color: rgb(151, 166, 199);
  border-top:  1px solid rgb(217,224,243);
  border-bottom: 1px solid rgb(76, 98, 155);
}

/** Menu behaviour */
td#menu {
  vertical-align: top;
  margin: 0px;
  padding: 15px 15px 15px 15px;
}

dl#menuList {
  margin: 0px;
  padding: 0px;
  width: 170px;
  list-style-type: none;
  border: #99A6C8 1px solid;
  border-top: none;
}

#menuList dt {
  padding: 5px;
  font: bold 11px Tahoma, Verdana, Arial;
  text-decoration : none;
  color: #002276;
  background: url(../image/layout/arrow.gif) no-repeat right;
  background-color : #E9F0FA;
  border-top: #99A6C8 1px solid;
}

#menuList dd {
  margin: 0px;
  padding: 0px;
}

#menuList ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#menuList li {
  font-weight: normal;
  margin: 0px;
  padding: 4px 0px 4px 15px;
  list-style-type: none;
  border-top: #99A6C8 1px solid;
  overflow: hidden;
  font-size: 11px;
}

#menuList a:link{
  text-decoration:none;
  color:#000000;
}

#menuList a:hover{
  text-decoration:none;
  color:#000000;
}

#menuList a:visited{
  text-decoration:none;
    color:#000000;
}

/* Hint behaviour */
td#hint {
  margin-left: 202px;
  padding: 5px 8px 5px 8px;
}

#hint p {
  margin-top: 0px;
  margin-bottom: 0px;
}

/** Content behaviour */
td#content {
  margin-left: 202px;
  padding: 5px 8px 5px 8px;
  vertical-align: top;
}

td#fullContent {
  padding: 15px 15px 15px 0px;
}

/** Portal behaviour */
table#portal {
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

table#portal caption {
  font-family: Tahoma;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  padding: 2px 0px 2px 10px;
  color: #002276;
  background-color : #E9F0FA;
  border: #99A6C8 1px solid;
}

table#portal img {
  float: left;
  margin-right: 8px;
}

table#portal td {
  vertical-align: top;
  padding-bottom: 15px;
  padding-right: 15px;
  width: 50%;
  font-weight: normal;
}

table#portal p.title {
  font-family: Tahoma,Verdana,Arial;
  font-size: 12px;
  font-weight: bold;
  color: #002276;
  display: inline;
}

table#portal p.description, table#portal div.description {
  clear: left;
  margin-left: 39px;
  margin-top: 0px;
  font-family: Verdana,Tahoma,Arial;
  font-size: 11px;
  font-weight: normal;
}

table#portal a {
  font-family: Tahoma,Verdana,Arial;
  font-size: 12px;
  color: #002276;
  text-decoration: underline;
  font-weight: normal;
}

/** Footer behaviour */
#footer {
  clear: both;
  text-align: right;
  padding-right: 15px;
  color: gray;
  font-size: 10px;
  border:none;
}

iframe {
  width:100%;
  height:100%;
  border: none;
}
und nr 2.
/*

  default.css - defines styles for common elements for all
  pages of application (tables, links, etc)
*/

/* Default tables behaviour */
table {
  color: black;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

table.inner {
  margin: 0px;
  padding: 0px;
}

table.inner tbody tr td {
  padding: 0px;
  border: 0px;
}

iframe {
  width:100%;
  height:100%;
  border: none;
}

/* Default forms behaviour */
form {
  margin: 0px;
  width: 99,9%;
}

select {
  font-family : Verdana, Arial;
  font-weight : normal;
  font-size : 11px;
}

input {
  font-family : Verdana, Arial;
  font-weight : normal;
  font-size : 11px;
}

textarea {
  font-family : Verdana, Arial;
  font-weight : normal;
  font-size : 11px;
}

input.button {
  border : 0px;
  font-weight : bold;
  color : #FFFFFF;
  text-align : center;
  height : 18px;
  background: url(../image/general/button.gif) repeat-x center;
  margin:0;
  padding: 0px 5px 0px 5px;
  width:0; /* IE table-cell margin fix */
  overflow:visible;
}

input.button[class] {  /* IE ignores [class] */
    width: auto;  /* cancel margin fix for other browsers */
}

input.checkbox {
  width: 14px;
  margin-left: 0px;
  margin-right: 5px;
}

input.image {
  border: none;
}

.readonly {
  color: #555555;
  background-color: #E9F0FA
}

/* Default image behaviour */
img {
  border: 0px;
}

legend {
  color: #002276;
  font-weight : bold;
}

fieldset {
  border: #99A6C8 1px solid;
  margin: 0px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
}

/* Default <a> behaviour */
a {
  text-decoration: underline;
  color: rgb(5,38,121);
}

/* Standard "search" button behaviour */
a.search {
  text-decoration: none;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 3px;
  vertical-align: middle;
}

/* back link */
a.backLink {
  display: inline;
  margin-bottom: 5px;
  margin-left: 2px;
  font-weight: bold;
}

/* action link */
a.action {
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 3px;
  vertical-align: middle;
}

/* Standard table that should be used to display any tabular data */
table.standard {
}

table.standard caption {
  background-color: #BFC0CE;
  color: black;
  font-weight : bold;
  text-align: left;
  padding: 5px;
}

table.standard thead {
  color : #5B5B5B;  
  font-weight : bold;
}

table.standard th {
  padding: 5px 8px 6px 8px;
  background: url(../image/general/thBottom.gif) repeat-x bottom;
  background-color: rgb(230,234,245);
  white-space: nowrap;
  repeat-x: top;
  color: rgb(5,38,121);  
  border-right: 1px solid white;
  border-left: 0px solid white;
  border-top: 1px solid rgb(120,136,180);
  border-bottom: 1px solid rgb(120,136,180);
}

table.standard th a {
  color: rgb(5,38,121);
  text-decoration: none;
}

table.standard td {
  padding: 5px 5px 5px 5px;
}

th.sortable a {
  text-decoration: none;
   color: rgb(5,38,121);
}


/* for verticale table header */
table.standard td.header {
  padding: 5px 5px 5px 5px;
  font-weight : bold;
}

table.standard tr.even {
  background-color:  rgb(235,238,247);
}

table.standard tr.odd {
  background-color: white;
}

/*
  Some common usefull classes
*/
.title {
  font-weight: bold;
  color: #002276;
}

.required {
  color: #002276;
  background: url(../image/general/required.gif) top right no-repeat;
  padding-right: 5px;
}

.label {
  color: #002276;
  padding-right: 5px;
}

.hint {
  color: rgb(97,130,207);
  font-size: smaller;
  font-style: italic;
}

.messages ul {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  list-style-type: none;
}

.error {
  color: red;
}

.success {
  color: green;
}

.noEntries {
  color: #002276;
  font-weight: bold;
  margin-left: 10px;
}

.section {
  font-weight: bold;
  font-size: small;
  margin-left: 10px;
}

.toggle {
  font-weight : bold;
  cursor: pointer;
  text-decoration: underline;
  color: #003366;
  float: right;
  margin-right: 5px;
}

.message {
    border: 1px solid #C0C0C0;
    color: #002276;
    background-color: #E9F0FA;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px;
}

/* Some default heading  */
h1.headline{
  font-family: Tahoma;
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  padding: 22px 0px 0px 50px;
  color: #002276;
  margin: 4px 0px 6px 0px;
  margin-bottom: 0px;
  border-bottom: #C0C0C0 1px solid;
  background: url(../image/general/crystal_48.gif) no-repeat left;
}

h1.headlineNoImage{
  font-family: Tahoma;
  font-weight: bold;
  font-size: 15px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  color: #002276;
  margin: 4px 0px 6px 0px;
  margin-bottom: 0px;
  border-bottom: #C0C0C0 1px solid;
}

h2.headline {
  font-family: Tahoma;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  padding: 2px 0px 2px 10px;
  color: #002276;
  border-bottom: #C0C0C0 1px solid;
  margin: 6px 0px 6px 0px;
}

h3.headline {
  font-family: Tahoma;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  padding: 2px 0px 2px 10px;
  color: #002276;
  border-bottom: #C0C0C0 1px solid;
  margin: 6px 0px 6px 0px;
}

/*** Standard form ***/

form.standard h3 {
  margin-top: 5px;
}

form.standard .required {
  color: #002276;
  background: url(../image/general/required.gif) top right no-repeat;
  padding-right: 7px;
}

form.standard .label {
  color: #002276;
  padding-right: 5px;
  width: 150px;
  vertical-align: top;
}

form.standard .img {
  padding: 0px;
  width: 20px;
  vertical-align: middle;
}

form.standard .column  table{
  border-collapse: collapse;
}

form.standard .innerLabel {
  color: #002276;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
}

form.standard .contractInnerLabel {
  color: #002276;
  vertical-align: top;
}

form.standard .middleNowrapLabel {
  color: #002276;
  padding-right: 5px;
  vertical-align: middle;
  white-space: nowrap;
}

/*
  * Label in in audit information table.
*/
form.standard .auditLabel {
  color: #002276;
  padding-left: 0px;
  padding-right: 5px;
  vertical-align: top;
}

/*
* Value in in audit information table.
*/
form.standard .auditValue {
  padding-right: 5px;
  vertical-align: top;
}

form.standard .hint {
  color: rgb(0,0,0);
  font-size: 11px;
  font-style: italic;
  text-align: justify;
  display: block;
  color: gray;
}

form.standard .info {
  font-weight: bold;
}

form.standard .nowrap {
  white-space: nowrap;
}

form.standard table.buttonPanel {
  margin-top: 10px;
  margin-left: -4px;
}

form.standard .formfields {
  vertical-align: top;
  border: none;
  width: 99%;
}

form.standard ul.hint {
 padding-left: 17px;
}

*html form.standard ul.hint {
 margin-left: 0px;
}

form.standard .calendar {
  margin-right: 10px;
}

form.standard .supLabel {
  color: #002276;
  padding-right: 5px;
  width: 100px;
  vertical-align: top;
}

td.labelColumn {
  width: 30%;
  color: #002276;
  padding-right: 5px;
}

.actionButton {
  display: ;
}

.actionLabel {
  vertical-align: top;
  text-align: center;
  display: screen;
  font-size: 8pt;
}

.right {
  text-align: right;
}


table tbody .paginateButtons, table tbody .paginateButtons a, table tbody .paginateButtons .step {
    background: url(../image/general/thBottom.gif) repeat-x bottom;
    background-color: rgb(230,234,245);
    font-size: 10px;
    color:  #002276;
    overflow: hidden;
    padding: 10px 3px;
}
.paginateButtons a {
    text-decoration: none;
    font-size: 10px;
    color:  #002276;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}


th.sortable a:link, th.sortable a:visited, th.sortable a:hover  {
  color: rgb(5,38,121);
}

Die Datei Firefox zeigt das Bild wie es gedacht ist, und IExplorer zeigt, wies mir nicht gelingt.
In den CSS Dateien sind noch ein paar Überbleibsel von meinen Versuchen...
Dateianh&auml;nge:
&ouml;ffnen | Download - firefox1.jpg (40.4&nbsp;KB)
&ouml;ffnen | Download - iexplorer1.jpg (40.1&nbsp;KB)


Re: grails tag Problem

Catharina - 01.04.2009 11:07
Soooo Problem gelöst...
warum auch immer der Internet Explorer in Russland was anderes anzeigt als bei mir, und zwei weiteren Maschienen hier, meint dieser IE 7 einfach auf ein anderes CSS Feld zuzugreifen zu müssen als ich ihm sage...
zudem kann er wohl nicht mit <span/> oder <a/> oder mehr als einer Anweisung...
Dafür hab ich noch festgestellt das das Opera nicht unbedingt mit <g:if test="{$flash.message}"/> klar kommt...
bzw das kästchen was da drum is einfach mal immer anzeigt... uncool...
Aber es muss eben im IE laufen, sonst haben wir bei 80% unserer Kunden ein Problem.....

Lg, Catharina.


Stelle deine Groovy-Frage jetzt!


Diese Seite zeigt den Thread "grails tag Problem" der ehemaligen Webseite groovy-forum.de, welche durch einen Serverunfall zerstört wurde. codekicker.de hat viele Konversationen über die beliebte Programmiersprache Groovy und zugehörige Frameworks wie das Grails-Framework retten können.

Hast Du eine Frage zum Thema Groovy, Grails oder allgemein Java? Viele ehemalige groovy-forum.de Mitglieder beantworten dir auf codekicker.de deine Frage! Stelle jetzt eine Frage!

Viele weitere Diskussionen zu Grails und Groovy befinden sich auf der Threadübersicht des alten groovy-forum.de.