makary/phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-06-28 14:18:52 +00:00
Code Issues Projects Releases Packages Wiki Activity

#8776

Browse source 
Numerous minimal test-cases and re-ordering of markup to attempt to get the same effect (way to spend 6 hours... thanks Internet Explorer @_@), it seems IE will randomly destroy the ability of <span>'s with "display: block" to have negative margin when they are children of blocks which have padding.

Have removed said padding from the offending parent and change the left-corner image to one that is _5000px_ wide (should cover QHDTV resolutions? :P), which creates the "double-border" effect top and bottom via  a kind of a "sliding doors" way. IE7 works now, though there's some weird footer "flicker" when the menu is hovered (IE6 just does this al the while @_@). Better than nothing for now. Alternatively, nuke every PC which has IE installed. @_@


git-svn-id: file:///svn/phpbb/trunk@7292 89ea8834-ac86-4346-8a33-228a782c2dd0
This commit is contained in:
Jonathan Stanley 2007-04-07 02:18:17 +00:00
parent 39f8ef287a
commit 1232935c61
2 changed files with 7 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
phpBB/adm/images/corners_left.gif
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 174 B

After

Width:  |  Height:  |  Size: 796 B

20
phpBB/adm/style/admin.css
View file

@ -285,26 +285,15 @@ a:active {
---------------------------------------- */ ---------------------------------------- */
#acp { #acp {
margin: 4px 0; margin: 4px 0;
padding: 1px; padding: 3px 1px;
min-width: 550px; min-width: 550px;
background-color: #FFFFFF; background-color: #FFFFFF;
border: 1px #999999 solid; border: 1px #999999 solid;
} }
/* WinIE tweaks \*/
* html .box .corner1 { width: 6px; background-position: 2px 0px; }
* html .box .corner3 { width: 6px; background-position: 2px -7px; }
* html .box .corner2, * html .box .corner4 { width: 7px; }
/* End tweaks */
/* Moz tweak to fix occasional 1px vertical rounding error with the
bottom corners.
The corner image is 1px taller so we make the container a bit taller too */
html>body .box .corner3, html>body .box .corner4 { height: 6px; }
.panel { .panel {
background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top; background: #F3F3F3 url("../images/innerbox_bg.gif") repeat-x top;
padding: 2px 0; padding: 0;
} }
span.corners-top, span.corners-bottom, span.corners-top, span.corners-bottom,
@ -339,6 +328,11 @@ span.corners-bottom span {
background-position: 100% 100%; background-position: 100% 100%;
} }
/* WinIE tweaks \*/
* html span.corners-top, * html span.corners-bottom { background-image: url("../images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("../images/corners_right.gif"); }
/* End tweaks */
/* Sub-navigation Menu /* Sub-navigation Menu
---------------------------------------- */ ---------------------------------------- */