improve template : feature 433: Separate IE6 css to be more IE7 ready

git-svn-id: http://piwigo.org/svn/trunk@1382 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
chrisaga
2006-06-24 06:40:39 +00:00
parent 3ec2f102b5
commit 235cd53539
3 changed files with 37 additions and 36 deletions
+2 -32
View File
@@ -74,32 +74,6 @@ BODY#theNBMPage #content
top: 0;
}
/* fix IE with another layout */
* html #content UL.thumbnails SPAN.wrap2 {
display: block;
position: relative;
text-align: left;
}
* html #content UL.thumbnails SPAN.wrap2 A,
* html #content UL.thumbnails SPAN.wrap2 LABEL {
overflow: visible;
position: absolute;
top: 50%;
text-align: center;
}
* html #content UL.thumbnails IMG.thumbnail {
position: relative;
top: -50%;
/*\*//*/
margin-top: -40%;
/**/
}
* html #content UL.thumbnails SPAN.wrap2 input {
position: absolute;
left: 0;
top: -50%; /* same as other browsers but not so pretty */
}
#content .navigationBar, #content .additional_info {
margin: 10px 0;
text-align: center;
@@ -163,8 +137,8 @@ UL.categoryActions {
#content DIV.comment {
margin: 0 0 0.5em 0;
padding: 0;
overflow: hidden; /* these 2 lines ensure the floating child is kept in the DIV */
width: 100%; /* don't ask why. It's a very usefull trick */
overflow: hidden; /* these 2 lines keep the floating child in the DIV */
width: 100%; /* don't ask why. It's a very usefull trick */
}
#content DIV.comment A.illustration {
@@ -288,10 +262,6 @@ DIV.calImg {
width: 100%;
}
* html #content UL.thumbnailCategories {
width: 99%; /* buggy IE box model */
}
#content UL.thumbnailCategories LI {
margin:0;
padding:0;
+34 -2
View File
@@ -1,5 +1,5 @@
/* $Id:$ */
/* Issues in IE from 5 to 6 only to to be used with IE7 */
/* $Id$ */
/* Issues in IE from 5 to 6 only not to be used with IE7 */
/* fix lack of :hover behaviour for non link objects */
BODY {
@@ -20,3 +20,35 @@ UL.tagSelection LI INPUT,
border: none;
background-color: transparent;
}
/* fix IE with another layout for thumbnails */
#content UL.thumbnails SPAN.wrap2 {
display: block;
position: relative;
text-align: left;
}
#content UL.thumbnails SPAN.wrap2 A,
#content UL.thumbnails SPAN.wrap2 LABEL {
overflow: visible;
position: absolute;
top: 50%;
text-align: center;
}
#content UL.thumbnails IMG.thumbnail {
position: relative;
top: -50%;
/*\*//*/
margin-top: -40%;
/**/
}
#content UL.thumbnails SPAN.wrap2 input {
position: absolute;
left: 0;
top: -50%; /* same as other browsers but not so pretty */
}
/* fix category thumbnails on main page */
#content UL.thumbnailCategories {
width: 99%; /* buggy IE box model */
}
+1 -2
View File
@@ -52,8 +52,7 @@
<!-- END calendar -->
<!-- BEGIN calendar -->
<h2>{calendar.TITLE}
</h2>
<h2>{calendar.TITLE}</h2>
<!-- END calendar -->
</div> <!-- titrePage -->