Differenzen Darstellung Firefox / Explorer

[47er]

Ich habe 2 grössere Differenzen in der Darstellung meiner Seite. Zum einen die Schriftart bei den News wie in meinem Anhang 1 dargestellt sind diese verschieden und ich weis noch nicht worans liegt!

das 2te Problem liegt in der Galerie, die Bilder werden im Firefox bis zur Grenze (mit rot eingezeichnet) dargestellt, im IE aber nach der Subnavigation auch unterhalb verschoben was hässlich aussieht!

ich danke für jeden Hinweis!

[babulski]

ich danke für jeden Hinweis!

Um dir diesen geben zu können, wäre es sehr hilfreich, wenn du dein css-file hier posten könntest -- bzw. einen link darauf gibst. 

[47er]

Klar hier:

Code: Select all

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	background-image: url(/uploads/rambling/bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #E5E3D5;
	margin: 0px;
	padding: 0px;
}
.tophead {
	background-image: url(/uploads/rambling/topbar.png);
	height: 31px;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
.main .tophead h1 {
	padding-left: 15px;
	color: #CC6633;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.spacer {
	clear: both;
}
.main .footer .footertexts {
}
.main .footer .footertexts a {
	color: #000099;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000099;
}

.header {
	background-image: url(/uploads/rambling/header.jpg);
	background-repeat: no-repeat;
	height: 176px;
}
.contents {
	background-image: url(/uploads/rambling/contentbg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 25px;
	padding-top: 25px;
}
.footer {
	background-color: #BEC4F2;
	background-image: url(/uploads/rambling/footerdiv.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 45px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-top: 35px;
}
.main .contents .right {
	float: right;
	width: 240px;
	margin-right: 15px;
	margin-top: 25px;
}
.main .contents .left {
	margin-right: 260px;
	padding-left: 15px;
	padding-right: 10px;
}
.main .contents .left p {
	font-size: 12px;
	line-height: 16px;
	text-align: justify;
}
.main .contents .right .rightcontents {
	border: 1px solid #E4DCC2;
	padding: 5px;
	margin-bottom: 15px;
}
.rightcontents ul {
	display: block;
	margin: 0px;
	padding: 0px;
}
.rightcontents li {
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 3px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DAD9CB;
}

.rightcontents h2 {
	color: #0099CC;
	display: block;
	margin-top: 2px;
	font-weight: bold;
	background-color: #F9F5F0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F4EDE3;
	padding-left: 5px;
	font-size: 18px;
	margin-bottom: 12px;
}
.rightcontents .graduate {
	background-image: url(/uploads/rambling/graduate-postgraduate.png);
	background-repeat: no-repeat;
	height: 43px;
	width: 230px;
}




.main {
	background-image: url(/uploads/rambling/bg-pg.png);
	background-repeat: repeat-y;
	width: 757px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #336699;
	text-decoration: none;
	font-weight: normal;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #996633;
	text-decoration: none;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
}
.main .contents .left a:link {
	color: #000000;
	text-decoration: none;
}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}
    #tabsB {
	float:left;
	font-size:93%;
	line-height:normal;
	margin-top: 135px;
	width: 750px;
      }
    #tabsB ul {
	margin:0;
	list-style:none;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 15px;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-image: url(/uploads/rambling/tableftB.gif);
	background-repeat: no-repeat;
	background-position: left top;
      }
    #tabsB a span {
	float:left;
	display:block;
	padding:5px 15px 4px 6px;
	color:#666;
	background-image: url(/uploads/rambling/tabrightB.gif);
	background-repeat: no-repeat;
	background-position: right top;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }
.quicklinks {
	background-image: url(/uploads/rambling/quicklinks.png);
	height: 42px;
	background-repeat: no-repeat;
}
.main .contents .left a:visited {
	color: #000000;
	text-decoration: underline;
}
.main .contents .left a:hover {

	color: #0066FF;
	text-decoration: none;
}
.main .contents .left a:active {

	color: #0066FF;
	text-decoration: underline;
}
.left #news {
	height: 25px;
	font-size: 18px;
	color: #0099CC;
	font-weight: bold;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F9F5F0;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F4EDE3;
	padding-top: 3px;
}
.left .date {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #999999;
	text-decoration: none;
}

.rightcontents a:link {

	text-decoration: none;
	color: #000000;
}
.rightcontents a {


	text-decoration: none;
	color: #000000;
}

.rightcontents a:active {


	text-decoration: none;
	color: #000000;
}
.rightcontents a:hover {
	text-decoration: none;
	color: #0066FF;
}

[47er]

Hilft das was? ansonsten der Link: 47-8

[babulski]

Ja, das hilft schon weiter. 

1. Tip:
validiere erst mal deine Seiten/dein Template. Es werden jede Menge Fehler ausgeworfen (u.a. im Zusammenhang mit und ). Wahrscheinlich zerschiesst es dir deshalb das Layout in IE.

2. verschiedene Schriftarten
die News haben als CSS-Tag
div.NewsSummaryContent

Diese Klasse ist in deinem CSS gar nicht definiert, wird also inherited (vererbt). IE und FF gehen damit unterschiedlich um. Der eine übernimmt möglicherweise aus dem , der andere aus dem darüberliegendem /.

Schraub mal daran rum.  Hilft sicher.