Matias Capeletto wrote:
---------------------------------------------------------------------------------------------------------------
ie6 seems to dislike everything that I have done today. I do not know
about the quirks of this browser. If there is someone there that wants
to help me porting this docs to ie6 it will be fantastic. If someones
out there knows web design (I have zero experience... no, two weeks
:P) and wants to see these stuff reach mainstream please jump in and
help me. If you do not know boostbook it is ok. Just download the docs
and tell me what I have to change to make it work. Both the grouped
links and the box wrapper based css seems to fail there. Thanks!
I had a look at the box wrapper. Internet Explorer 6 doesn't support
transparent PNGs, so I removed the alpha channel from them. There are
some ways to get transparent PNGs to work, but they're a bit tricky. I
haven't attached the images, but I can check them in.
I also added some hacks to the CSS (see attached) which seem to work
okay. I'll quickly attempt at explaining them. A bug in Internet
Explorer 6 and earlier means that it will apply selectors that start
with '* html', so the CSS for those selectors will apply to those
browsers and no others (google for 'star hack' for more info). There's
also a bug which doubles the margins on some floated elements - the fix
for that is the 'display: inline' attribute. IE6 also doesn't support
min-height or min-width - so I added width and height attributes as
appropriate. Finally there was a couple of gaps by the bottom corners,
so I added extra negative margins to deal with that. This was very trial
by error.
Another way to get it working might be to use the 'IE7' script which is
some javascript which automatically fixes a lot of the problems in
Internet Explorer 6 - saving a lot of hassle.
http://dean.edwards.name/IE7/
Daniel
Index: boostbook.css
===================================================================
--- boostbook.css (revision 7074)
+++ boostbook.css (working copy)
@@ -249,6 +249,13 @@
min-width: 18px;
background: url(images/blurb_top_left.png) no-repeat top left;
}
+
+ * html .box-top-left {
+ display: inline;
+ height: 18px;
+ width: 18px;
+ }
+
.box-top-right {
margin-right: -2px;
margin-top: -2px;
@@ -257,10 +264,18 @@
background: url(images/blurb_top_right.png) no-repeat top right;
float: right;
}
+
+ * html .box-top-right {
+ display: inline;
+ height: 18px;
+ width: 18px;
+ }
+
.box-inner-wrapper {
padding-top: 18px;
padding-left: 18px;
}
+
.box-bottom-left {
margin-left: -2px;
margin-bottom: -2px;
@@ -269,6 +284,14 @@
background: url(images/blurb_bottom_left.png) no-repeat bottom left;
float: left;
}
+
+ * html .box-bottom-left {
+ display: inline;
+ height: 28px;
+ width: 18px;
+ margin-right: -3px;
+ }
+
.box-bottom-right {
margin-right: -2px;
margin-bottom: -2px;
@@ -278,11 +301,21 @@
float: right;
}
+ * html .box-bottom-right {
+ display: inline;
+ height: 28px;
+ width: 18px;
+ margin-left: -3px;
+ }
+
.box-bottom {
min-height: 28px;
background: url(images/blurb_bottom.png) repeat-x bottom;
}
+ * html .box-bottom {
+ height: 28px;
+ }
/*=============================================================================
Program listings
-------------------------------------------------------------------------
This SF.net email is sponsored by DB2 Express
Download DB2 Express C - the FREE version of DB2 express and take
control of your XML. No limits. Just data. Click to get it now.
http://sourceforge.net/powerbar/db2/
_______________________________________________
Boost-docs mailing list
[email protected]
Unsubscribe and other administrative requests:
https://lists.sourceforge.net/lists/listinfo/boost-docs
