header wird im ie/chrome nicht korrekt angezeigt

header wird im ie/chrome nicht korrekt angezeigt

Beitragvon bongo » 27.09.2010, 12:06

hallo liebe css gemeinde, dieses thema ist sicherlich schon sehr oft besprochen worden, ich habe auch ein paar problemfälle ergooglen können, jedoch sind das immer individuelle probleme, die nicht allgemein lösbar sind/waren, und ich bin auch kein css experte, dass ich daraus eine lösung für mein problem erschließen kann

wir der titel schon sagt, wird meine page im FF korrekt dargestellt, hedoch verschiebt sich der header in chrome und ie unpraktischer weise und ich habe keine idee, woran das liegt, ich poste mal den entsprechenden code aus der css datei und dem html eintrag:

CSS
Code: Alles auswählen
#wrapper {
       
    margin: 0 auto;
    padding: 0;
}

/* Header */

#header {
       
    width: 1000px;
    height: 100px;
    margin: 0 auto;
}

/* Logo */

#logo {
    float: left;
    margin: 0;
    padding: 15px 0px 0px 60px;
    color: #FFFFFF;
    width: 350px;
    background: url(images/logo.png) no-repeat left 26px;


html
Code: Alles auswählen
<div id="wrapper">
    <div id="header">
        <div id="logo">
            <h1><a href="#">Text</a></h1>
            <p>&nbsp &nbsp noch mehr Text</p>
        </div>


ich bedanke mich schon im vorraus für die hilfe!
bongo
neu hier
 
Beiträge: 4
Registriert: 27.09.2010, 12:00

Re: header wird im ie/chrome nicht korrekt angezeigt

Beitragvon sejuma » 27.09.2010, 12:27

Ist ohne Link zur Problemseite schwer zu beurteilen, da man alles im Zusammenhang sehen muss.

Vermutung:
Deiner Seite fehlt ein Standard-Doctype: http://www.carsten-protsch.de/zwischennetz/doctype/einleitung.html#full
Welchen du nimmst, hängt von deinem Code ab.
Falls du noch keinen Doctype hast, schreibe mal diesen in die allererste Quelltextzeile der html-Datei(en):
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: header wird im ie/chrome nicht korrekt angezeigt

Beitragvon bongo » 27.09.2010, 12:50

doctype sieht folgendermaßen aus:

Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


und die url zur seite:

www.vvs-management.de
bongo
neu hier
 
Beiträge: 4
Registriert: 27.09.2010, 12:00

Re: header wird im ie/chrome nicht korrekt angezeigt

Beitragvon sejuma » 27.09.2010, 18:57

Die Ursache ist schwer zu lokalisieren.
Behebe am besten zunächst diese Validierungsfehler, um sie als Ursache auszuschließen:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.vvs-management.de%2F
Ersetze mal insbesondere diese Zeile
Code: Alles auswählen
<p>&nbsp &nbsp Vermietung - Verkauf - Service - Management</p>

damit (Semikolons nach den Leerzeichen einfügen):
Code: Alles auswählen
<p>&nbsp; &nbsp; Vermietung - Verkauf - Service - Management</p>
Bild
sejuma
Vielposter
 
Beiträge: 805
Registriert: 15.07.2009, 17:46

Re: header wird im ie/chrome nicht korrekt angezeigt

Beitragvon bongo » 27.09.2010, 19:56

das ; ist nicht das problem, habe den fehler lokalisiert und zwar hat er probleme mit der länge der überschrift, ich habe den namen vvs-management etwas gekürzt und da hat chrome den header korrekt angezeigt, jetzt ist die frage, wie änder ich den css code, damit er keine probleme mit der länge der überschrift hat?
bongo
neu hier
 
Beiträge: 4
Registriert: 27.09.2010, 12:00

Re: header wird im ie/chrome nicht korrekt angezeigt

Beitragvon bongo » 27.09.2010, 19:59

ok, problem gelöst, nach ein wenig rumprobieren, danke trotzdem für die hilfe, manchmal steht man auch einfach auf den schlauch..
bongo
neu hier
 
Beiträge: 4
Registriert: 27.09.2010, 12:00


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "header wird im ie/chrome nicht korrekt angezeigt"

Zurück zu: Homepage-Check

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste