Solved

browser incompatability IE vs FireFox

Posted on 2009-05-11
4
358 Views
Last Modified: 2013-12-08
I'm trying to identify where to make changes in my css so that my pages http://library.gmit.ie/screens/databasesart.html and http://library.gmit.ie/screens/edbases.html look the same in IE as Firefox. One problem is that the two divs roundedContentInfo margins and paddings is off (the side borders do not display in IE but are perfect in Firefox) but I'm not sure how to change this, even using the IE developer and Firebug tools. The other incompatability issue is with the fonts on the tabs (div helpTabContentLarge and Medium) - it's verdana on Firefox and does not fit properly (oversize) but on IE it's Arial (what I want) and looks OK. Both look perfect when displayed within Dreamweaver. Attaching style sheet code
/* 2006 WebPAC Pro Version, set from 26 March, 2007 */

/* This file last changed: 17 August, 2006 */

/* *******************************************************************
 

The new example set has a separate Internet Explorer (IE) css file. You must make similar changes to your IE style sheet in

order for the same display across browsers. The IE style sheet is ie_styles.css 

The ie_styles.css file contains only styles that are used to correct the IE css implementation to create a cross browser

compatible theme.  This style sheet is inserted by conditional comments in the head of any html page or with the 

INSERTTAG_INHEAD wwwotion.  The correct conditional statement follows:
 

[if lte IE 8]><link rel="stylesheet" media="all" type="text/css" href="/screens/ie_styles.css" /><![endif]
 
 

********************************************************************** */

/* general appearance */

/* See also Web Option BODYPARAM */
 

/* Stylesheet to use for dynamic Web pages */

/* is set by Web Option STYLESHEET */
 

/* COLOR SCHEME (use find & replace to swap coloinput[type="checkbox"] { background-color: #F7F7F7; }
 

/* COLOR SCHEME (use find & replace to swap colors */

/* border and tab light blue : DBF0F0 */

/* manilla background color: F7F7F7 */

/* medium blue: C5E9E3 */

/* dark blue: 419896 */

/* very dark blue: 162A6D */

/* light orange : F5D9A3 */

/* light blue used in table striping : eff7ff */

/* light yellow used in table highlighting : CCCCCC */

/* light gray for .authPublicNote : F7F4F4 */ 
 

strong { font-weight: bold; }
 

td {

	font-family : Arial, Helvetica, sans-serif;

	font-style : normal;

	font-weight : normal;

	text-align: justify;

	padding: 0.6em 1em;

}
 

th { font-family : Arial, Helvetica, sans-serif; }
 

/*traditional link colors are suggested for better usability */

a:link { color: #419896; }

a:active{ color: #C5E9E3; }

a:visited { color: #999999;  } 

a:hover  { color: #337775;  } 
 

A.pageNavAreaText:LINK, A.pageNavAreaText:VISITED {  color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #419896;  }
 

A.pageNavAreaText:ACTIVE, A.pageNavAreaText:HOVER {  color: #F7F7F7; text-decoration: none; font-weight: bold; background-color: #419896;  }
 
 
 
 

/* Section 2 */

/* named styles listed in alphabetical order */
 

.additionalCopies {padding:0 15px 0 15px;}
 

.additionalCopies th.bibItemsHeader { color: #000; font-size:90%; font-weight: bold; text-align: center; background:#bcd4ec; border:0px; }
 

.additionalCopiesNav {}
 

/*controls display of authority redirect information */

.authorityRedirect { border: 2px solid #C5E9E3; padding:5px; text-align:center; }
 

.authPublicNote { font-size: 80%; background: #F7F4F4; } 
 
 

/* This is used in the Materials Booking calendar */

.available { font-weight: bold; color: green; }
 

.availLimMessage { font-style: italic; text-align: left; }
 
 

/* classes for bib display */

/* see also Web options TABLEPARAM_BIB... */
 

.bibBookingsHeader { font-weight: bold; text-decoration: none; padding: 3px; border: 1px solid #419896; background: #FFFBC6; margin-bottom:8px;}
 

.bibDetail { }
 

.bibHoldings {border: 0px; }
 

.bibHoldingsEntry { font-size:90%; border-bottom:1px solid #EEEEEE;border-top:1px solid #EEEEEE;border-right:1px solid #EEEEEE;}
 

.bibHoldingsHeader { }
 

.bibHoldingsLabel { font-size:90%; border-bottom:1px solid #EEEEEE;border-top:1px solid #EEEEEE;border-left:1px solid #EEEEEE;}
 

.bibHolds { font-size:90%; border: 1px solid #419896; }
 

.bibHoldsEntry { font-size:90%; border: 1px solid #419896; }
 

.bibInfo { }
 

.bibInfoData {font-size:80%; }
 

.bibInfoEntry { }
 

.bibInfoLabel { width: 15%; font-size:75%; text-align: right; padding-right: 1em; background-color: #DBF0F0; font-weight: bold; font-style: italic; }
 

.bibItems { border:0px; padding:0 3px 3px 3px; margin:0px;}
 

.bibItemsEntry { color: #000; text-align: left;font-size:90%; }
 

.bibItemsEntry td {border-bottom:1px solid #EEEEEE;font-size:90%; }
 

.bibItemsHeader { color: #000;font-size:90%; font-weight: bold; text-align: left; border-bottom:1px solid #DBF0F0;}
 

.bibItemsLabel { }
 

.bibLicense { }
 

.bibLicenseEntry { color: #000000; background: #F7F7F7; text-align: left; }
 

.bibLicenseHeader { color: #FFFFFF; background: #419896; font-weight: bold; text-align: left; }
 

.bibLinks { border: 1px solid #419896; }
 

.bibOrder { border: 1px solid #419896; font-size:90%;}
 

.bibOrderEntry { }
 

.bibPager { text-align:right; font-size:85%; padding:5px 5px 0 0; }
 

.bibRecordLink { font-size:82%; padding-left: 6px; font-style: italic; }
 

.bibResource { }
 

.bibResourceBrief { }
 

.bibResourceCaption { }
 

.bibResourceEntry td { font-weight: bold; }
 

.bibResourceHeader { }
 

.bibResourceLicense td { padding-bottom: 5px; }
 

.bibResourceLicenseEntry { background: #FFF99D; }
 

.bibResourceSubEntry { border-bottom: 1px solid blue; background-color: #FFFBC6; font-style: italic; }
 

.bibResourceTable, .browseResourceTable { margin-top: 10px; border:0px; }
 

.bibResourceTableEntry { font-size: 85%; font-weight: normal; padding-left: 1px; background:#DBF0F0;}
 

.bibResourceTableHeader, .browseResourceTableHeader { color:#fff;font-weight: bold; font-size: 85%; background: #419896; padding: 1px; text-align: center; border-bottom:1px solid #7e4a1f; } 
 

.bibScreen { }
 

.bibSearchtool { background:#DBF0F0; width:70%; padding:5px 0 0 0; font-size: 100%; }
 

.bibThumbnails { }
 

.bibTOC { width: 90%; font-size: 90%; margin-left: 30px; border: 1px solid #419896; padding: 3px; margin-bottom: 3px; }
 

.bibTOC td { border-bottom: 1px solid #419896; }
 

.bibXML { }
 
 

/* control over mainmenu and opacmenu pages layout */

.biglogo { margin-left:17px; width:350px; height:125px}
 

/* These are used for Materials Self-Booking */

.bookingsConfirmMsg { font-weight: bold; text-decoration: none; padding-bottom: 5px; background: #FFFBC6; }
 

.bookingsItemsEntry { }
 

.bookingsItemsHeader { }
 

.bookingsLegend { }
 

.bookingsLocation { }
 

.bookingsRepeat { margin-left: 15px; margin-right: 15px; border: 1px solid #419896; padding: 3px; }
 
 

.bookingsRepeatNone { }
 

.bookingsRepeatDaily { }
 

.bookingsRepeatWeekly {  }
 

.bookingsRepeatWeeklyDay { margin-left: 30px; }
 

.bookingsRepeatMonthly {  }
 

.bookingsEndsOn {  }
 

.bookingsSelect { width: 90%; margin-left: 5%; margin-bottom: 1em; }
 

.bookingsSelectCal { width: 90%; margin-left: 5%; text-align: center; background: #419896; border: 2px solid #419896; margin-bottom: 1em; }
 

.bookingsSelectCal table { margin: auto; border: none; font-size: 95%; } 
 

.bookingsSelectCal th { text-align: center; border: none; } 
 

.bookingsSelectCal td { border: 1px solid #419896; }
 

.bookingsSelectEndtime { margin-left: 10px; }
 

.bookingsSelectRepeat { margin-top: 5px; margin-bottom: 5px; }
 

.bookingsSelectTime { background: #419896; border: 2px solid #419896; padding: 3px; }
 

/* Brief Citation display styles */

.briefcitActions { padding:5px 0 5px 0;text-align: left; }
 

.briefcitDetail { font-size: 85%; padding:0 0 0 8px; }
 

.briefcitDetail img { padding-top: 2px; }
 

.briefcitExtras { font-size: 80%; text-align: center; white-space: nowrap; }
 

.briefcitExtras img { padding-bottom: 2px; }
 

.briefcitItems em { font-size: 90%; }
 

.briefcitItems table { }
 

.briefcitItems th, .briefcitItems td { font-size: 75%; }
 

.briefcitItems .bibItemsHeader { padding:0; }
 

.briefcitResultInfo { text-align: left; font-size:90%; }
 

.briefcitRequest { font-size: 75%; text-align:left; padding:0 0 0 5px; }
 

.briefCitRow { border-top:1px solid #DBF0F0; }
 

.briefcitStatus { font-weight: bold; }
 

.briefcitTitle { font-weight: bold; }
 

/* classes for browse displays */

/* See also Web options BROWSE_HEADERS, TABLEPARAM_BROWSE..., TABLEPARAM_BRIEFCIT */

.browseEntry { color: #000000; font-weight: normal; }
 

.browseEntry td { border-top:1px solid #DBF0F0;}
 

.browseEntryData { text-align: left; }
 

.browseEntryEntries { text-align: center; }
 

.browseEntryMark { font-weight: bold; }
 

.browseEntryMedia { vertical-align: middle; }
 

.browseEntryNum { text-align: center; }
 

.browseEntryRelevance { background:#DBF0F0;}
 

.browseEntryYear {text-align: center; }
 

.browseHeader { text-align:left; background:#DBF0F0;color:#419896;  }
 

.browseHeaderData { text-align:left; padding:0 0 0 3px; }
 

.browseHeaderEntries {  }
 

.browseHeaderMark { }
 

.browseHeaderMedia { }
 

.browseHeaderNum {  }
 

.browseHeaderRelevance {  }
 

.browseHeaderYear { }
 

.browseList { }
 

.browsePager { }
 

.browseResourceTableEntry { color: #000000; background:#DBF0F0; font-size: 85%; font-weight: normal; text-align: center; padding-left: 1px;  }
 

.browseSaveJump { color: #000000; background: #FFFFFF; text-align: left; }
 

.browseSaveJump form { display: inline; }
 

.browseScreen { }
 

.browseSearchtool { background: #F7F7F7; margin-left: auto; margin-right: auto; margin-bottom: -3px; padding-left: 3px; padding-right: 3px; border: 1px solid #419896; }
 

.browseSearchtoolMessage { font-size: 90%; } 
 

.browseSubEntry { color: #000000; font-weight: normal;  }
 

.browseSubEntryData { }
 

/* Is an Entries column ever drawn in Extended browse? */

.browseSubEntryEntries { }
 

.browseSubEntryMedia { }
 

.browseSubEntryRelevance { }
 

.browseSubEntryYear { }
 

.browseSuperEntry td { background: #DBF0F0; padding:0 0 0 3px;  }
 

.button { vertical-align: middle; }
 

/* This is used in the Materials Booking calendar */

.closed { font-weight: bold; color: red; }
 

.errormessage { font-size: 125%; color: #FF0000; }
 

.errormessage h2 { display:inline; }
 

/* External Patron Authentication product style */

.extpat div { line-height: 1.66em; width: 90%; background: #419896; border: 2px solid #419896; padding: 3px; margin-left: auto; margin-right: auto; text-align: right; }
 

/* External Patron Authentication product style */

.extpat strong { display: block; text-align: left; }
 

/* Feed table link styles */

.feedtable a:link, .feedtable a:visited, .feedtable a:active  {color:#000; text-decoration:underline; font-size:90%;}

.feedtable a:hover  {color:red; text-decoration:underline;font-size:90%;}
 

/* used for search help pages tabbed navigation */

.fields td { padding: 2px; }
 
 

/* This is used in the featured list display */

.ftlistHeader { }
 

.helpNote { font-size: 90%; font-style: italic; }
 

.helpspan {padding-right:.5em; font-size:90%}
 

.holdingsDivider { display:none; margin:-3px}
 

.holdingsItemsBookings { margin:0 0 8px 0; }
 

.InnovativeCredit {  font-family: Arial, Helvetica, sans-serif; font-size: 50%; font-style: italic}
 

/* Used in Related Searches display */

div#instructions { font-size:90%; font-style: italic; }
 

.KidsOnline {  font-family: Arial, Helvetica, sans-serif; font-weight: bold}
 

/* External Patron Authentication product style */

.libpat div { line-height: 1.66em; width: 90%; background: #419896; border: 2px solid #419896; padding: 3px; margin-left: auto; margin-right: auto; text-align: right; }
 

/* External Patron Authentication product style */

.libpat strong { display: block; text-align: left; }
 
 

/* Styles used in Limit/Sort Search page - srchmod.html */

.limitEntriesFoundNum { font-size: 90%; font-style: italic; }
 

.limitEntriesFoundText { font-size: 90%; font-style: italic; }
 

.limitSearchTerm { font-size: 90%; font-weight: bold; }
 

.limitSearchTypeText { font-size: 90%; }
 

.limitSearchTypeIndex { font-size: 90%; }
 
 

.loggedInMessage {	padding-left: 6px; font-style: italic; color: red; font-size: 90%; }
 

/* External Patron Authentication product styles */

.loginarea { }
 

.main { margin-left: 20px; margin-right: 20px; }
 

/* used for search help pages tabbed navigation */

#main {margin-left:15px; margin-right:15px; font-size:90%}
 

#main a:link { color: #419896; }
 

#main a:hover { text-decoration: underline; }
 

#main a:visited { color: #C5E9E3;  } 

#main div {padding-top:.2em}

#main .tabs a:link, #main .tabs a:visited { color: #000; text-decoration: none; }

#main .tabs a:hover { text-decoration: underline; }
 

/* control over mainmenu and opacmenu pages layout */

.metacatalog { text-align: left; padding: 20px; padding-top: 1em; margin-bottom: 0px; margin-right: 20px; margin-left:20px; background-color: #F7F7F7; vertical-align: top; font-size: 60%; height:150px}
 
 

.msg { font-size: 125%; color: #FF0000; }
 

.navigationRow { margin: -3px; }
 

.navigationRow select { vertical-align: top; }
 

.nowrap {white-space: nowrap; }
 

.pageDirectoryArea { color: #000000; text-align: left;  }
 

.pageInfoAreaHeader { color: #C5E9E3; background: #F7F7F7; font-size: 110%; font-weight: bolder; text-align: left;  }
 

.pageMainArea { color: #000000; background: #F7F7F7; padding-left: 3px; }
 

.pageMainAreaHeader { color: #C5E9E3; font-size: 110%; font-weight: bolder; text-align: left; }
 

.pageMainAreaSubHeader { font-weight: bold; font-style: italic}
 

.pageNavArea { color: #FFFFFF; background: #419896; }
 

.pageNavAreaBorder { background: #C5E9E3; }
 

.pageNavAreaText {  color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #419896; }
 
 

/* classes for patron record display */

/* see also Web options TABLEPARAM_PATDISP, TABLEPARAM_PATFUNC, */

/* and the various BUT_PAT_ graphics options. */
 

.patActionsLinks { text-align: center; clear: both; padding: 10px; }
 

.patActionsLinks img { vertical-align: middle; }
 

.patDisplay { }
 

.patDisplayFunc {}
 

.patDisplayInfo { }
 

.patFunc { border-top: 2px solid #419896; border-spacing: 0; width: 100%; }
 

.patFunc td { padding: 5px; font-size: 90%; border-bottom: 1px solid #419896; }
 

.patFuncArea { border: 2px solid #419896; margin: 3px; }
 

.patFuncArea form { display: inline; }
 

.patFuncArea img { padding-top: 2px; } 
 

.patFuncAuthor { }
 

.patFuncBookDate { }
 

.patFuncBtns { color: #000000; background: #F7F7F7; }
 

.patFuncCallNo { }
 

.patFuncCancel { text-align: center; }
 

.patFuncDate { }
 

.patFuncDetails { }
 

.patFuncEntry { color: #000000; background: #F7F7F7; font-weight: normal;  }
 

.patFuncFinesDetailAmt { }
 

.patFuncFinesDetailDate { }
 

.patFuncFinesDetailDateLabel { }
 

.patFuncFinesDetailType { }
 

.patFuncFinesEntryDetail td { border-bottom: 1px solid #419896; }
 

.patFuncFinesEntryTitle { color: #000000; background: #F7F7F7; font-weight: normal;  }
 

.patFuncFinesTotal { }
 

.patFuncFinesTotalAmt { font-weight: bold; }
 

.patFuncFinesTotalLabel { }
 

.patFuncFreeze { }
 

.patFuncHeaders { color: #FFFFFF; background: #419896; padding-left: 3px; padding-right: 3px; font-size: 80%; }
 

.patFuncMark { }
 

.patFuncModifyPatInfo { }
 

.patFuncModifyPIN { }
 

.patFuncModifyPINExample { }
 

.patFuncNoEntries { }
 

.patFuncPickup { }
 

.patFuncPSrchBtn { }
 

.patFuncPSrchType { }
 

.patFuncRating { }
 

.patFuncRenewCount { font-style: italic; color: red; }
 

.patFuncStatus { }
 

.patFuncTitle { font-weight: bold; }
 

.patHelpLinks { border: 1px solid #419896; border-top: none; width: 300px; padding: 3px; margin-left: 5px; margin-right: 5px; background: #F7F7F7; }
 

.patHelpLinks a { text-align: center; display: block; border-bottom: 1px #419896 solid; padding: 2px; }
 

.patImage { }
 

.patInfo { }
 

.patMainFuncs { float: center; }
 

.patNameAddress { text-align: center; border: 1px solid #C5E9E3; width: 350px; float: left; padding: 5px; }
 

.patSearchLinks { }
 

.patStatusLinks { border: 1px solid #419896; width: 300px; padding: 3px; margin-left: 5px; margin-right: 5px; background: #F7F7F7; float: left; }
 

.patStatusLinks a { text-align: center; display: block; border-bottom: 1px #419896 solid; padding: 2px; }
 
 
 
 

.paymentPage { margin: 10px; }
 

.paymentPage h2 { font-weight: bold; }
 

.paymentPageFinestable { width: 80%; border: 2px solid #419896; }
 
 

.popupForm { font-size: 90%; }
 

.popupForm td { font-size: 90%; }
 

/* These are used in the Related Searches display in the Search Tool */

.rateLabel {color:#419896;}

.rateLabel a:active, .rateLabel a:visited ,.rateLabel a:link {color:#419896;text-decoration:none}

.rateLabel a:hover {color:#419896;text-decoration:underline}
 

.relSearchLabel { }
 

.relSearchLink { }
 

.reqFillTimeMsg { font-style: italic; font-size: 90%; }
 

.reserveBibs { border: 2px solid #419896; }
 

.reserveBibs td { border-bottom: 1px solid #419896; }
 

.reserveBibs input { background-color: #F7F7F7; }
 

/* Resource Record display */

.resourceBib { }
 

.resourceBibEntry { color: #000000; background: #F7F7F7; text-align: left; }
 

.resourceBibHeader { color: #FFFFFF; background: #419896; font-weight: bold; text-align: left; }
 

.resourceInfoData { }
 

.resourceInfoLabel { background: #F7F7F7; font-style: italic; }
 

.resourceLicense { }
 

.resourceLicenseEntry { color: #000000; background: #F7F7F7; text-align: left; }
 

.resourceLicenseHeader { color: #FFFFFF; background: #419896; font-weight: bold; text-align: left; }
 

.resourceLinkEntry { }
 

.resourceResource { }
 

.rssChannelEntries { padding:5px 0 5px 0 ; }
 

.rssChannelEntry { padding: 4px; }
 

.rssChannelEntryDate { font-size: 70%; font-style: italic; }
 

.rssChannelEntryDesc { font-size: 80%; }
 

.rssChannelEntryHead { font-size: 85%; font-weight: bold; display: list-item; padding-bottom: 2px; }
 

.rssChannelImage img { border: 0; margin-top: 2px; }
 

.rssChannelTitle { font-weight: bold; }
 

.rssFeed { padding: 5px; margin: 2px; border: 1px solid #419896; }
 

.searchTipsNavAreaText {  font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #C5E9E3; }
 

.searchTipsHeaderText {  font-family: Arial, Helvetica, sans-serif; color: #C5E9E3; text-decoration: none; font-weight: bold; background-color: #F7F7F7; }
 

.sectionHeading { font-weight: bold; }
 

/* This is used in the patron views of holds */

.suspended td { font-size: 90%; background: #EBECF6 url(/screens/icicles.gif) repeat-x top; }
 

.topicFeeds { clear: none; float: right; width: 60%; padding: 5px; }
 

.topicLinks { clear: none; float: left; padding: 5px; width: 35%; }
 

.topicLinks ul { padding: 5px; padding-left: 20px; margin: 2px; border: 1px solid #419896; }
 

/* This is used in the Materials Booking calendar */

.unavailable { font-weight: bold; color: black; background: #D7D7D7; }
 

.unpadded { margin-bottom:auto; margin-top:auto; }
 

.wamCalcDate{ background: #ECECEC; border: 1px silver dashed; font-size: 90%;  }
 

.xmlframe { width:100%; height:600px; border:1px solid #000; }
 

.yourEntryWouldBeHere { }
 

.yourEntryWouldBeHereData { border: 2px solid #F5D9A3; }
 

/* Section 3: WebBridge */

/* WebBridge style names lowercased as of Release 2005.  Declare styles using these style names for Release 2005 and later */
 

/* body element in WebBridge forms */

.wbbody { color: #000000; font-family: Arial, Helvetica, sans-serif; background-color: #fff; font-size: 80%; margin:0;padding:0; }
 

/* the following .wbbody styles are used to style the wp_panel.html pop up page */

.wbbody a:link, .wbbody a:visited { color:#419896; text-decoration: underline; }
 

.wbbody a:hover, .wbbody a:active { color: #aa1002;text-decoration: underline; }
 

/* fixing alignment of images */

.wbbody img { vertical-align: middle; }
 

.wbbody .wbcategory { color: #000000; margin:10px 10px 0 10px; font-size:11px; font-weight: bold; border-bottom: 1px solid #419896; background-color: #DBF0F0; padding:2px 5px 2px 5px; }
 

.wbbody .wbcategory strong { font-weight: bold; }
 

.wbbody .wbcategory font { color:#000000; }
 

.wbbody .wbresourcelist { background-color: #fff; margin-top: 5px; }
 

.wbbody .wblinkdisplay { background: #F8F8FA; margin:1px 20px 1px 20px; font-weight: normal; padding:2px 5px 2px 5px; font-size:11px; }
 

.wbbody .wblinkdisplay form { padding:0;margin:0; }
 

.wbbody .wblinktext { font-size:11px; }
 

.wbbody .wblinkfield { font-style:italic; font-size:11px; }
 

.wbbody .wbsubheading { font-weight: bold; color:#aa1002;}
 

.wbbody .header { }
 

.wbbody .noresources { color: red; font-size: 1.2em; font-weight: bold;} 

 

.wbbody .citation { background-color: #FFFFFF; border: 1px solid #162A6D; padding: 5px; }
 

.wbbody .resourceinfo { }
 

.wbbody .advisory { }
 

.wbbody .ada {}
 
 

.wbbody .license { }
 

.wbbody .linkdisplay { }
 

.wbbody .coverage { }
 

.wbbody .coverage em { font-style: normal; }
 

.wbbody .wbheading { font-size:11px;margin:0 10px -7px 10px; }
 

.wbbody .headertable { background:#DBF0F0; }
 

.wbbody .citationtitle { font-weight: bold; color:#aa1002; font-size:1.2em;}
 

.wbbody .fieldinsert { font-size: .9em; margin-left: 30px; margin-right: 30px; }
 

/* WebBridge category headings */

.wbcategory { font-weight:bold; margin-top: 1em;}
 

/* contents of the WBHEADERTEXT wwwoption */

.wbheading { }
 

/* Entire WebBridge Resource Definition Link Display */

.wblinkdisplay { }
 

/* Field selectors in Link Display (except for #@LinkText#) */

.wblinkfield { }
 

/* #@LinkText# field selector in WB Link Display */

.wblinktext { }
 

/* deprecated style -- manually inserted in WB category definition */

.wbPanelCategory { color: #C5E9E3; }
 

/* Contents of  resourcelist token in webbridge forms */

.wbresourcelist { }
 

/* #HEADER# token in WBHEADERTEXT wwwoption */

.wbsubheading { }
 

.mainSpacer {margin:0 1em 1em 1em;}

div.DisplayBoxContent div a {color:#419896;text-decoration:none; font-weight:bold; outline:none; }

div.DisplayBoxContent div  {

	color:#000;

	text-decoration:none;

	font-weight:bold;

	outline:none;

	font-size: 100%;

	padding-top: 3px;

}
 

.mainActiveTab {background: transparent;  float:left; margin:0 5px -1px 0; }

.mainInactiveTab {background: transparent;  float:left; margin:0 5px 0 0; }

.menuTabContent {width:100px;background-color: #DBF0F0; text-align:center; padding:1px 0 5px 0; height:17px; }

.menuTabActive {width:100px;background-color: #fff; text-align:center; padding:1px 0 5px 0; border-left:1px solid #419896; border-right:1px solid #419896; height:20px; margin:0 0 0 0; }
 

.helpActiveTab {background: transparent; float:left; margin:0 5px -1px 0; }

.helpActiveTabMedium {background: transparent;  float:left; margin:0 5px -1px 0; }

.helpActiveTabLarge {background: transparent;  float:left; margin:0 5px -1px 0; }

.verifyActiveTabXL {background: transparent; float:left; margin:0 5px -1px 0; }

.helpInactiveTab {background: transparent; float:left; margin:0 5px 0 0;}

.helpInactiveTabMedium {background: transparent; float:left; margin:0 5px 0 0; }

.helpInactiveTabLarge {background: transparent;  float:left; margin:0 5px 0 0; }

.helpTabContent {width:100px;background-color: #DBF0F0; text-align:center; padding:1px 0 5px 0;  height:17px; }

.helpTabActiveContent {width:100px;background-color: #fff; text-align:center; padding:1px 0 5px 0; border-left:1px solid #419896; border-right:1px solid #419896; height:20px; margin:0 0 0 0; }

.helpTabContentMedium {width:125px;background-color: #DBF0F0; text-align:center; padding:1px 0 5px 0; height:17px;}

.helpTabContentLarge {width:175px;background-color: #DBF0F0; text-align:center; padding:1px 0 5px 0; height:17px;}

.helpTabActiveContentMedium {width:125px;background-color: #fff; text-align:center; padding:1px 0 5px 0; border-left:1px solid #419896; border-right:1px solid #419896; height:20px; margin:0 0 0 0; }

.helpTabActiveContentLarge {width:175px;background-color: #fff; text-align:center; padding:1px 0 5px 0; border-left:1px solid #419896; border-right:1px solid #419896; height:20px; margin:0 0 0 0; }

.verifyTabActiveContentXL {width:200px;background-color: #fff; text-align:center; padding:1px 0 5px 0; border-left:1px solid #DBF0F0; border-right:1px solid #419896; height:20px; margin:0 0 0 0; }
 

.active1, .active2, .active3, .active4 {display:block; overflow:hidden;}

.active1, .active2, .active3 {height:1px;}

.active2, .active3, .active4 {background:#fff;  border-left:1px solid #419896; border-right:1px solid #419896;}

.active1 {margin:0 5px; background:#419896;}

.active2 {margin:0 3px; border-width:0 2px;}

.active3 {

	margin:0 2px;

	outline-color: #DBF0F0;

	padding: 0;

}

.active4 {

	height:2px;

	margin:0 1px;

	color: #419896;

	background-color: #FFF;

}
 

.inactive1, .inactive2, .inactive3, .inactive4 {display:block; overflow:hidden;}

.inactive1, .inactive2, .inactive3 {height:1px;}

.inactive2, .inactive3, .inactive4 {background:#DBF0F0;}

.inactive1 {

	margin:0 5px;

	background-color: #DBF0F0;

	border-top-color: #419896;

	border-right-color: #419896;

	border-bottom-color: #DBF0F0;

	border-left-color: #419896;

	border-color: #419896;

	color: #DBF0F0;

}

.inactive2 {margin:0 3px; border-width:0 2px;}

.inactive3 {margin:0 2px;}

.inactive4 {

	height:2px;

	margin:0 1px;

	background-color: #DBF0F0;

	border-top-color: #419896;

	border-right-color: #419896;

	border-bottom-color: #DBF0F0;

	border-left-color: #419896;

}
 

/* content div rounding styles */

.mainActiveContent {border:0 solid #419896; border-width:1px 1px 0 1px;clear:both;padding:2px 10px 2px 10px;background:#fff;display:block;}

.mainActiveContentTabless {border:0 solid #419896; border-width:1px 1px 0 1px;clear:both;padding:2px 10px 2px 10px;background:#fff;display:block;margin:0;}

.helpActiveContent {border:0 solid #419896; border-width:1px 1px 0 1px;clear:both;padding:2px 10px 2px 10px;background:#fff;display:block; }

.contop, .conbottom {display:block; background:transparent; font-size:1px;}

.conb1, .conb2, .conb3, .conb4 {display:block; overflow:hidden;}

.conb1, .conb2, .conb3 {height:1px;}

.conb2, .conb3, .conb4 {background:#fff; border-left:1px solid #419896; border-right:1px solid #419896;}

.conb1 {margin:0 5px; background:#419896;}

.conb2 {margin:0 3px; border-width:0 2px;}

.conb3 {margin:0 2px;}

.conb4 {height:2px; margin:0 1px;}

.folderWrapper {float:left;width:73%;}

.mainNavLinksWrapper {

	float:left;

	width:25%;

	display: table;

}
 
 

.roundedContent {

	background: transparent;

	margin:.5em 0 1em 0;

	padding: 0;

}

.roundedContent2 {

	background: transparent;

	width:100%;

	display: table;

	padding: 0;

}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}

.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}

.xb1, .xb2, .xb3 {height:1px;}

.xb2, .xb3, .xb4 {background:#F7F7F7; border-left:1px solid #419896; border-right:1px solid #419896;}

.xb1 {margin:0 5px; background:#419896;}

.xb2 {margin:0 3px; border-width:0 2px;}

.xb3 {margin:0 2px;}

.xb4 {height:2px; margin:0 1px;}
 

.roundedContentInfo {display:block; background:#F7F7F7; border:0 solid #419896; border-width:0 1px; padding:2px 5px;color:#000;font-size:90%;}

.roundedContentInfo a:link,.roundedContentInfo a:visited, .roundedContentInfo a:active {color:#000;text-decoration:none;}

.roundedContentInfo a:hover {color:#000;text-decoration:underline}

.mainActiveContentTable {width:100%;font-size:90%;}

.mainContentHead {font-weight:bold;}

span#searchTips {padding:5px 5px 5px 5px;font-size:85%; display: none;border:1px solid #000}

.textFix {font-size:100%}

#topLogohead {background-color:#DBF0F0; padding:3px 5px 3px 5px;margin:0 0 10px 0;border-bottom:2px solid #419896;}

#topLogohead span {color:#fff; font-weight:bold;}

#topLogohead form {padding:0; margin:auto;}

#topLogoImage { padding:5px 3px 5px 5px ; }

#currentDate {font-weight:bold; color:#ffffff; font-size:.8em; padding:5px;}

.topLog {padding:3px 0 3px 10px;margin:0;font-size:80%; color:#fff;}

.topLog input {font-size:.7em; }

.unpadded { margin-bottom:auto; margin-top:auto;  }

#topID {float:right; }

#topID ul {list-style:none; font-size:.7em; padding:0; margin:0 0 5px 0;}

#topID ul li {display:inline; padding:0 2px 0 0;}

#topID ul li a {text-decoration:none; color:#419896;}

#topID ul li a:hover {text-decoration:underline; color:#419896;}

#topID .breaker {color:#419896;}

#botnav { background: #DBF0F0; margin: 0 0 10px 0; font-size:80%; padding:0; text-align:center;border-top:2px solid #419896;}

.botmenuLinks {position:relative;margin: 0;padding:5px;}

.breaker {color:#419896}

#botnav ul {list-style:none; }

#botnav ul li {display:inline; padding:0 5px 0 0;}

#botnav ul li a {text-decoration:none; color:#419896;}

#botnav ul li a:hover {text-decoration:underline; color:#419896;}
 

/*styles for bib_display.html */
 

.topDiv {text-align:center}

.limitDiv {width:60%}

.searchTool {border:1px solid #419896; background:#DBF0F0; padding:5px 0 5px 0;}

#bibLeft { float:left; left: 2%; width: 12%; }

#bibContent { float:left; left: 16%; width: 75%; }

#bibRight { float:left; left: 88%; width: 10%; }

.raised {background: transparent; width:90%; margin:0 auto;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}

.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}

.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}

.raised .b2 {background:#DBF0F0; border-left:1px solid #fff; border-right:1px solid #eee;}

.raised .b3 {background:#DBF0F0; border-left:1px solid #fff; border-right:1px solid #ddd;}

.raised .b4 {background:#DBF0F0; border-left:1px solid #fff; border-right:1px solid #aaa;}

.raised .b4b {background:#DBF0F0; border-left:1px solid #eee; border-right:1px solid #999;}

.raised .b3b {background:#DBF0F0; border-left:1px solid #ddd; border-right:1px solid #999;}

.raised .b2b {background:#DBF0F0; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}

.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}

.raised .b3, .raised .b3b {margin:0 2px;}

.raised .b4, .raised .b4b {height:2px; margin:0 1px;}

.raised .b1b {margin:0 5px; background:#999;}

.raised .tool form {margin:auto; padding:0;}

.raised .tool {display:block; background:#DBF0F0; border-left:1px solid #fff; font-size:80%; border-right:1px solid #999; padding:3px;}

.clear {clear:both; margin-bottom:5px;}

.clear2 {clear:both;}

#infoTable {width:75%;float:left;}

#sidebarContent {width:21%;padding:0 0 0 5px;float:left}

#infoOther {text-align:center; display:none; }

#moreInfo {display:none; padding:0 3px 0 3px; }

#moreCategories {display:none; padding:0 3px 0 3px;}

#revandRate { text-align:center; background:#DBF0F0; padding:0 0 3px 0;}

.sidecontentHeading { background:#419896; color:#fff; font-size:80%; font-style:italic; font-weight:bold; border-bottom:1px solid #7e4a1f; width:100%; margin:0 0 3px 0;}

.conHead {background:#162A6D; color:#fff; font-size:85%; font-style:italic; font-weight:bold; border-bottom:1px solid #FFB515; width:100%; padding:2px 0 2px 6px;}

.booking {text-align:center; margin:0 0 5px 0;}

#bibMenuLinks {padding: 0 5px 3px 5px; text-align:center;}

#bibMenuLinks a {color:#162A6D;}
 

div.bibContentBox div a {color:#419896;text-decoration:none; font-weight:bold; outline:none; font-size:75%;}

div.bibContentBox div a:hover {color:red;text-decoration:underline; font-weight:bold;outline:none;font-size:75%;}

.xtop, .xbottom {

	display:block;

	background:transparent;

	font-size:1px;

}
 
 

/* tab rounding styles for selection switches*/

.bibTabOn {background: transparent;  float:left; margin:0 5px -1px 0; }

.bibTabOff {background: transparent; ; float:left; margin:0 5px 0 0; }

.bibSimTabOn {background: transparent; float:left; margin:0 5px -1px 0; }

.bibSimTabOff {background: transparent; float:left; margin:0 5px 0 0; }

.bibTabContent {width:100px;background-color: #DBF0F0; text-align:center; padding:5px 0 5px 0;height:15px; }

.bibTabSelected {width:100px;background-color: #fff; text-align:center; padding:5px 0 5px 0; border-left:1px solid #419896; border-right:1px solid #419896; height:18px; margin:0 0 0 0; }

.bibSimTabSelected {width:150px;background-color: #fff; text-align:center; padding:5px 0 5px 0; border-left:1px solid #419896; border-right:1px solid #419896; height:18px;  margin:0 0 0 0; }

.bibSimTabContent {width:150px;background-color: #DBF0F0; text-align:center; padding:5px 0 5px 0;  height:15px; }
 

.tabTop, .tabBottom {display:block; background:transparent; font-size:1px;}
 

.selected1, .selected2, .selected3, .selected4 {display:block; overflow:hidden;}

.selected1, .selected2, .selected3 {height:1px;}

.selected2, .selected3, .selected4 {background:#fff;  border-left:1px solid #419896; border-right:1px solid #419896;}

.selected1 {margin:0 5px; background:#419896;}

.selected2 {margin:0 3px; border-width:0 2px;}

.selected3 {margin:0 2px;}

.selected4 {height:2px; margin:0 1px;}
 

.option1, .option2, .option3, .option4 {display:block; overflow:hidden;}

.option1, .option2, .option3 {height:1px;}

.option2, .option3, .option4 {background:#DBF0F0;}

.option1 {margin:0 5px; background:#DBF0F0;}

.option2 {margin:0 3px; border-width:0 2px;}

.option3 {margin:0 2px;}

.option4 {height:2px; margin:0 1px;}

.bibContentWrapper {border:0 solid #419896; border-width:1px 1px 0 1px;clear:both;padding:0 10px 0 10px;background:#fff;display:block;}

.bibContentSectionOptions {width:95%;display:none;margin:-10px 0 0 0; }

.bibContentSectionDefault {width:95%;margin:-10px 0 0 0; }
 

.searchTipTable {font-size:80%;}

#searchTipMain {display:none; margin:12px}

.searchTipContentInfo {display:block; background:#fff; border:0 solid #419896; border-width:0 1px; padding:2px 5px;color:#000;}

#searchTipsLink {text-align:center}

#searchTipsLink a:link, #searchTipsLink a:visited, #searchTipsLink a:active {color:#000; text-decoration:none;}

#searchTipsLink a:hover {color:#000; text-decoration:underline;}
 
 

/* table striping styles */

/* for brief citation */

td.odd { background:#eff7ff; }

td.highlight {background:#CCCCCC;}
 

/* for browse entries */

tr.odd { background:#eff7ff; }

tr.highlight {background:#CCCCCC;}
 

/*styles for pirnt view and web view toggles in bib_display.html*/

#printView {text-align:right; font-size:.8em; margin:0 5px 0 0;padding-top:15px;height:15px;}

#printView a {color:#162a6d;}

#webView {display:none}

Open in new window

0
Comment
Question by:MauraBear
  • 2
  • 2
4 Comments
 
LVL 12

Accepted Solution

by:
alien109 earned 250 total points
Comment Utility
it looks like you have a different style sheets for Firefox and IE.

Check ie_styles.css and look for the class declaration for "roundedContentInfo". You'll see that it's left and right border colors are set to #fff (which is white).

Look starting at line 111 in the ie_styles.css style sheet. You'll see the following:

.roundedContentInfo {
      background:transparent;
      border:0 solid #419896;
      padding:2px 5px 0 5px;
      color:#000;
      border-top-color: #FFF;
      border-right-color: #FFF;
      border-bottom-color: #FFF;
      border-left-color: #FFF;
}

Change this to:

.roundedContentInfo
    background:#F7F7F7 none repeat scroll 0 0;
    border-color:#419896;
    border-style:solid;
    border-width:0 1px;
    color:#000000;
    display:block;
    font-size:90%;
    padding:2px 5px;
}
0
 

Author Comment

by:MauraBear
Comment Utility
Thank you - that has solved my IE problem, except for page http://library.gmit.ie/screens/databasesart.html - the roundedContent div has lost its right border, not a problem on any of the other pages, obviously some mismatched code on that page. Anything on the Firefox problem re fonts??
0
 
LVL 12

Expert Comment

by:alien109
Comment Utility
your div with the rounded corners is getting clipped. try removing the 100% width for the class "roundedContent2".
0
 

Author Comment

by:MauraBear
Comment Utility
Thanks for your help
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now