archive/piwigo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

- fix bug 222 : comments page broken with IE

Browse source 
IE doesn't understand child selector nor min-height
		use floating design instead of positionning


git-svn-id: http://piwigo.org/svn/branches/branch-1_5@951 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
chrisaga 2005-11-24 19:09:13 +00:00
parent 9a61fdfe05
commit 519d3ebc6b
2 changed files with 24 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
template/yoga/content.css
View file

@ -145,20 +145,22 @@ ul.categoryActions {
/* User comments */ /* User comments */
#content DIV#comments {
padding-left: 5px;
padding-right: 5px;
-moz-box-sizing: padding-box;
}
#content DIV.comment { #content DIV.comment {
margin: 5px; margin: 0 0 0.5em 0;
border: 1px solid gray; padding: 0;
min-height: 150px; /* maximum thumbnail height */ 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 */
} }
#content DIV.comment > A.illustration { #content DIV.comment A.illustration {
display: block; display: block;
position: absolute; float: left;
margin: 5px; margin: 0.5em 0 0 0.5em;
}
#content DIV.comment > A.illustration IMG {
border: 1px solid gray;
} }
#content DIV.comment P.commentHeader { #content DIV.comment P.commentHeader {
@ -171,18 +173,15 @@ ul.categoryActions {
margin: 0.2em; margin: 0.2em;
} }
#content DIV.comment > UL.actions > LI { #content DIV.comment UL.actions LI {
display: inline; display: inline;
} }
#content DIV.comment BLOCKQUOTE { #content DIV.comment BLOCKQUOTE {
margin: 1em 1em 1em 140px; /* margin-left corresponds to maximum thumbnail width */ margin: 1em 0.5em 0.5em 150px; /* margin-left corresponds to maximum thumbnail width + ~10px */
border: 1px solid #d3d3d3;
border-left: 2px solid gray;
padding: 0.5em; padding: 0.5em;
} }
/* should be in admin.css ? CSS properties also used in popuphelp */ /* should be in admin.css ? CSS properties also used in popuphelp */
SPAN.pwgScreen { SPAN.pwgScreen {

12
template/yoga/default-colors.css
View file

@ -98,9 +98,17 @@ A.navThumb, A.navThumb:hover {
background:#eeeeee; background:#eeeeee;
} }
/* User comments */
#content DIV.comment {
border: 1px solid gray;
}
#comments BLOCKQUOTE { #content DIV.comment A.illustration IMG {
background: #eeeeee; border: 1px solid gray;
}
#comments DIV.comment BLOCKQUOTE {
border: 1px solid #d3d3d3;
border-left: 2px solid #696969; border-left: 2px solid #696969;
} }