clean solution to IE flaws

This commit is contained in:
aiora 2012-01-02 12:19:49 +01:00
parent 0ace5943c6
commit 995b9d461b
4 changed files with 26 additions and 51 deletions

View File

@ -16,9 +16,11 @@ body {
max-width: 800px; max-width: 800px;
} }
body#homepage { body#homepage {
background: #008787 url(../images/homebackground.jpg) repeat 0 0; background: #008787 url(../images/style/homebackground.jpg) repeat 0 0;
color: #fff;
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
max-width: 100%; margin: 80px;
text-align: left;
} }
.caption { .caption {
color: #004C4C; color: #004C4C;
@ -208,40 +210,26 @@ table.fancy { /*For the members list in ../folk/index.htm*/
/*SPECIAL PAGES*/ /*SPECIAL PAGES*/
/*homepage*/ /*homepage*/
#homepage h1 { #homepage h1 {
text-align: left;
color: #fff; color: #fff;
font-size: 2.2em; font-size: 2.2em;
padding-top: 100px;
margin-bottom: 0; margin-bottom: 0;
text-align: left;
} }
#homepage h1 a { #homepage h1 a, #homepage p a {
color: #bedfdf; color: #bedfdf;
} }
#homepage h1 a:hover { #homepage h1 a:hover, #homepage p a:hover {
color: #d7442b; color: #008787;
}
#homepage p {
text-align: left;
color: #fff;
} }
#homebox { #homebox {
border-top-right-radius: 1em; left: 280px;
padding-bottom: 50px; top: 100px;
position: absolute; position: absolute;
top: 83px;
left: 80px;
width: 160px;
}
*html ul#homebox {left: 40px;}
*+html ul#homebox {left: 40px;}
#homecentre {
margin-left: 120px;
text-align: centre;
} }
ul#homenu { ul#homenu {
margin-top: 0;
list-style: none; list-style: none;
padding-left: 5px; padding: 0;
width: 165px;
} }
ul#homenu li a { ul#homenu li a {
border-top-right-radius: 1em; border-top-right-radius: 1em;
@ -253,20 +241,10 @@ ul#homenu {
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
font-size: 85%; font-size: 85%;
} }
*html ul#homenu li a {margin: 0 0 2px;}
*+html ul#homenu li a {margin: 0 0 2px;}
ul#homenu li a:hover { ul#homenu li a:hover {
background: #d7442b; background: #008787;
color: #fff; color: #fff;
} }
.browsernote {
position: absolute;
left: 90px;
bottom: 20px;
font-size: 0.58em;
color: #aaa;
}
/*caves*/ /*caves*/
table#cavepage { table#cavepage {
background: none repeat scroll 0 0 #FFFFFF; background: none repeat scroll 0 0 #FFFFFF;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 691 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 696 KiB

View File

@ -11,13 +11,13 @@
</head> </head>
<body id="homepage"> <body id="homepage">
<h1>CUCC in Austria <a href="years/1976/report.htm">1976</a>-<a href="years/2011/">2011</a></h1>
<p>Welcome to the website of the Cambridge University Caving Club expeditions to Austria</p>
<div id="homebox"> <div id="homebox">
<div id="homecentre"> <h1>CUCC in Austria <a href="years/1976/report.htm">1976</a>-<a href="years/2011/">2011</a></h1>
<!--div id="homeimg"><img src="images/stone-bridge-view.jpg" alt="Austria panorama" width="399" height="260" /--> <p>Welcome to the website of the <a href="http://www.srcf.ucam.org/caving/wiki/Main_Page" target="_blank">Cambridge University Caving Club</a> expeditions to Austria</p>
</div> </div>
<ul id="homenu"> <!--div id="homeimg"><img src="images/stone-bridge-view.jpg" alt="Austria panorama" width="399" height="260" /-->
<ul id="homenu">
<li><a href="intro.htm">Introduction</a></li> <li><a href="intro.htm">Introduction</a></li>
<li><a href="infodx.htm">Main index</a></li> <li><a href="infodx.htm">Main index</a></li>
<li><a href="indxal.htm">Cave index</a></li> <li><a href="indxal.htm">Cave index</a></li>
@ -25,10 +25,7 @@
<li><a href="pubs.htm">Published reports</a></li> <li><a href="pubs.htm">Published reports</a></li>
<li><a href="areas.htm">Area description</a></li> <li><a href="areas.htm">Area description</a></li>
<li><a href="http://www.srcf.ucam.org/caving/wiki/Main_Page" target="_blank">CUCC website</a></li> <li><a href="http://www.srcf.ucam.org/caving/wiki/Main_Page" target="_blank">CUCC website</a></li>
</ul> </ul>
</div>
<div class="browsernote">This website is best seen<br /> in Chrome or in Firefox</div>
</div>
</body> </body>
</html> </html>