Changeset 141


Ignore:
Timestamp:
Oct 2, 2009, 4:57:59 AM (15 years ago)
Author:
gav
Message:

How to make IE7 behave more like Firefox? Add Doctype strict to the layout!
This makes both browsers behave more predictably and makes pseudo :hover work in IE7.

Location:
trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/grails-app/views/layouts/main.gsp

    r139 r141  
     1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    12<html>
    23    <head>
    … …  
    2324                </div>
    2425               
    25                 <div class="appControl">
    26                     <g:isLoggedIn>
    27                         <span class="appControlButton">
    28                             <g:link controller="logout">
    29                                     Log out (<g:loggedInUsername/>)
    30                             </g:link>
    31                         </span>
     26                <g:isLoggedIn>
     27                    <div style="height: 2em;">
     28                        <g:link controller="logout" class="logoutButton">
     29                                Log out (<g:loggedInUsername/>)
     30                        </g:link>
    3231                        <div id="menu">
    3332                            <nav:render group="nav"/>
    34                         </div>                   
    35                     </g:isLoggedIn>
    36                 </div>
     33                        </div>   
     34                    </div>
     35                </g:isLoggedIn>   
    3736
    3837                <g:layoutBody />

  • trunk/web-app/css/main.css

    r139 r141  
    3838  background: url("../images/Contentbg.png") repeat-y scroll center;
    3939  width: 980px;
     40  /*border: 1px solid #ccc;*/
    4041}
    4142
    … …  
    5556#menu {
    5657    float: left;
     58    /*border: 1px solid #ccc;*/
    5759}
    5860
    … …  
    101103    padding: 20px 20px 20px 20px;
    102104    text-align: center;
     105    /*border: 1px solid #ccc;*/
    103106}
    104107
    105108/* Login/out and Admin */
    106109
    107 .appcontrol {
    108     width: 980px;
    109     height: 2em;
    110 /*     text-align: right; */
    111 /*     padding: 0px 160px 70px 5px; */
    112 /*     padding: 0.5em 0px 0.5em 0px; */
    113     /*border: 1px solid blue;*/
    114     /*border-style: solid solid solid solid;*/
    115     /*overflow: hidden;*/ /* Clearing floats */
    116 }
    117 
    118 .appcontrolButton a {
    119     padding: 0.3em 165px 0em 5px;
    120 /*   width: 980px; */
     110.logoutButton {
    121111    float: right;
    122     font-size: 14px;
    123 /*     padding: 0.5em 5px ; */
    124     text-decoration: none;
    125     display: block;
    126     /*overflow: hidden;*/ /* Clearing floats */
    127 }
    128 
    129 .appcontrolButton a:hover {
     112    padding: 0.3em 165px 0.3em 0;
     113    font-size: 14px;
     114/*     border: 1px solid #ccc; */
     115}
     116
     117.logoutButton:hover {
    130118    color: red;
    131119    margin: 0.2em 0 0 0;
    132     /*padding: 0.8em 5px;*/
    133120}
    134121
    … …  
    138125    text-align: centre;
    139126    background: url("../images/linkPanel_long.png") top no-repeat;
    140     /*border: 1px solid #ccc;
    141     border-style: solid none solid none;*/
    142127    padding: 10px 0px 0px 0px;
    143128    width: 980px;
    144129    height: 40px;
    145     /*border: 1px solid;*/
    146130}
    147131
    … …  
    290274
    291275.paginateButtons {
    292     width: 940px;
    293276    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    294277    border: 1px solid #ccc;
    … …  
    399382    clear: both;
    400383    font-size: 14px;
    401     overflow: hidden; /* Clearing floats */
     384    /*overflow: hidden;*/ /* Clearing floats */
    402385}
    403386
    … …  
    420403    /* color: #fff; */
    421404    /* background-color: #aaa; */
    422     padding: 0.3em 0.75em;
     405    padding: 0.3em 0.75em 0;
    423406    display: block;
    424407    text-decoration: none;
Note: See TracChangeset for help on using the changeset viewer.