IE8 Darstellungsprobleme

A

Antoniodc

Mitglied
Hi zusammen,

ich versuche ein Logo im IE8 anzupassen.
So sieht es im Firefox aus:
Firefox_Logo.JPG

Und so im IE8:
IE8_logo.JPG

Hab schon überall gesucht, bekomme das Problem aber nicht gelöst.
Vielleicht kann mir jemand helfen?

Danke für eure Mühe.
Gruß
Antoniodc
 
Den kompletten oder nur dieser Ausschnitt wo das Logo ist?
Code: 
#topbar {
	float:left;
	background-image:url('img/logo.png');
	background-repeat:no-repeat;
	background-size: 125px 120px;
	width:1024px;
	height:123px;
	border-bottom:1px solid #cccccc;
}
 
Das logo ist bei mir im global.css definiert hinterlegt. Den Ausschnitt habe ich ja kopiert.
Hier dazu der HTML:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" >
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta name="robots" content="all" />

	<title>CityStar Gebäudemanagement</title>

	<style type="text/css" media="all">
		@import "global.css";
</style>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<div id="wrapper">
	<div id="topbar">
    <h1 class="text1"><big>CityStar</big></h1>
    </div>
 
Es ist doch aber wohl mehr als nur ein Bild daran beteiligt?

Einmal das Männchen und dann darunter das Gebäude, Brückengeländer, ..., oder was auch immer das ist und dann noch der Text "CityStar".

Falsch ist wohl alles. Im Firefox fehlt der Text und im IE dafür der größte Teil des Männchens. Wie wäre es also richtig?
 
In diesem Fall ist das Problem nur das Logo. Der Mann gehört zum Logo dazu. Im Firefox ist es viel kleiner dargestellt, das möchte ich genauso auch im IE sehen.
 
Hi,

ich arbeite ja mit dem Import. Hatte das schon versucht zu ändern. Leider blieb das ohne erfolg. Vielleicht habe ich irgendwo auch ein fehler gemacht. Ich muss ja vorher schreiben:

Code: 
<style type="text/css" media="all">
		@import "global.css";
                @import "global_IE.css";  <---- ZUSÄTZLICH HINZUGEFÜGT
</style>

Das logo im css kleiner gemacht:
Code: 
#topbar {
	float:left;
	background-image:url('img/logo.png');
	background-repeat:no-repeat;
	background-size: 125px 120px; <----- hier
	width:1024px;
	height:123px;
	border-bottom:1px solid #cccccc;
}

und zusätzlich den text in die index.html:
Code: 
  <!--[if IE  7.0]>
  <link href="Global_IE.css" rel="stylesheet" type="text/css"  />
  <![endif]-->
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>

Irgendwie funktioniert das nicht.
 
Hi,
mal eine andere Idee, hast du deinen Code mal validiert?
Da du strict verwendest kann ein kleiner Fehler schon zum Ausfall führen.

Binde doch testweise mal deine Stylesheets per link ein. Vielleicht hilfts ja.

Grüße
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück