• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Lästiger IE. anzeigefehler

J

Julia28

Neues Mitglied
Hallo,

ich verzweifle gleich. Ich suche seid einigen Tagen nach dem Fehler.
Im FF zeigt er alles wie gewünscht an jedoch im IE nicht,

wo ist der Fehler ??
Bitte helft mir.

Danke schonmal

Hier der Link : Car-Cleanly
 
Entfern mal die <?xml ... ?>-Zeile und füge einen html- und einen body-Tag hinzu. Probleme macht nur der IE6?
 
Habe ich getan.

Ich teste mit dem IE 7

übrigens im Opera zeigt er den Fehler auch an.
 
Zuletzt bearbeitet:
Also, der Abstand kommt von #menu li { height: 40px; } und #content { margin-top: 30px; }. Ich würde versuchen, #menu oder #menu ul zu clearen (clearfix) und auf #content { margin-top } zu verzichten.
 
Danke erstmal für die Hilfe, leider bin ich noch nicht so css erfahren, das ich damit etwas anfangen könnte :-(

Kannst du mir eventuell erklären wie ich das mache ?

[edit]

mir fällt gerade etwas ein, wenn ich jetzt einbaue
[if ie ]... , dann dort den margin wert rausnehme müsste es doch gehen ??

Aber kannst du mir sagen, wie ich das schreibe mit dem [if ie ] ??
 
Kopiere den Code aus dem Link in dein Stylesheet und setze bei <div id="menu">
 noch <div id="menu" class="clearfx">. Ich probiere es auch mal aus.

Edit: Oh, und das #menu { float: left; } sollte auch raus. :)
 
Zuletzt bearbeitet:
Ich konnte es nicht wirklich testen, da ich die Bilder nicht habe, aber es macht einen ganz richtigen Eindruck.

(An dem Code ist übrigens noch so einiges im Argen.)

HTML:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
        <title>Car-Cleanly</title>
        <meta name="description"     content="">
        <meta name="keywords"        content="">
        <meta name="author"          content="">
        <meta name="DC.Publisher"    content="">
        <meta name="DC.Language"     content="de, at">
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
        <link rel="stylesheet" href="style.css" type="text/css">
    </head>

    <body>
        <div id="all">
            <div id="header">
                <span class="header_text"> Car-Cleanly</span> <br>
                <span class="header_text1">  Die Fahrzeugpfleger </span>
            </div>
            <div id="menu" class="clearfix">
                <ul>
                    <li class="i"><a href="index.html"><span class="link_text">  Home </span></a></li>
                    <li class="i"><a href="innen.html"><span class="link_text">  Innenreinigung </span></a></li>
                    <li class="i"><a href="aussen.html"><span class="link_text">  Außenreinigung </span></a></li>
                    <li class="i"><a href="komplett.html"><span class="link_text">  Komplettpflege</span></a></li>
                    <li class="i"><a href="aktionen.html"><span class="link_text">  Aktionen </span></a></li>
                    <li class="i"><a href="service.html"><span class="link_text">  weiterer Service </span></a></li>
                    <li class="i"><a href="kontakt.php"><span class="link_text">  Kontakt</span></a></li>
                    <li class="i"><a href="impressum.html"><span class="link_text">  Impressum</span></a></li>
                </ul>
            </div>

            <div id="content">
                <br>
                <span class="content_text"> <b> Willkommen</b> <br>  </span>
                <span class="content_text">Sie haben keine Zeit für die Aufgaben die im Zusammenhang mit Ihrem Fahrzeug stehen?<br></span>

                <span class="content_text">Sei es, dass an Ihrem Fahrzeug ein Reifenwechsel auf  Winter- oder Sommerreifen erledigt werden muss <br></span>
                <span class="content_text">oder Ihr Fahrzeug vor einem wichtigen Termin mal wieder auf "Vordermann" gebracht werden muss.<br></span>
                <span class="content_text">Wir erledigen den Hol- und Bringeservice, inklusive einer Grundreinigung Ihres Fahrzeuges, <br></span>
                <span class="content_text">in der Zeit wo Sie wichtigeres als Ihr Auto zu tun haben.<br><br></span>

                <span class="content_text">  <b>Unter anderen nehmen wir folgende Aufgaben ab:</b>  <br><br>  </span>

                <span class="content_text">  *  Fahrzeug Reinigungs- und Aufbereitungsservice<br></span>
                <span class="content_text">   * Einhaltung Wartungsintervalle<br></span>
                <span class="content_text">   *      Hol- / Bringedienst<br> </span>
                <span class="content_text">    *      Reifenwechsel<br></span>

                <span class="content_text">  *      Reparatur - Service <br><br></span>
                <span class="content_text">Und vieles mehr! <br></span>
                <span class="content_text"><br></span>
                <span class="content_text">Fragen Sie uns! Sie haben Fragen oder möchten mehr Informationen? <br></span>
                <span class="content_text">Schreiben Sie uns, wir senden Ihnen kurzfristig und unverbindlich<br></span>
                <span class="content_text"> unseren Prospekt mit unserer Preisliste. <br></span>

                <span class="content_text">Oder wir rufen Sie zurück zur Vereinbarung eines persönlichen Termins unseres Außendienstes bei ihnen:</span>
                <span class="content_text"><br></span>
                <span class="content_text"><br></span>
                <span class="content_text"><b>Ihr Fahrzeugaufbereiter</b></span>
            </div>
        </div>
    </body>
</html>

CSS:

Code: 
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

body {
    background: url(img/background.png) #0c0;
    background-repeat: repeat-x;
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: arial;
}


* html #menu li a {
    width : 100%;
}

#all {
    width : 1024px;
    margin : 0 auto 0 auto;
    background : url(img/background.png);
}

#header {
    width : 964px;
    height : 171px;
    margin-top:5px;
    background : url(img/header.png);
}

.header_text {
    font-size: 36px;
    font-family:Arial;
    color: #ffffff;
    margin-left:350px;
    margin-top: 50px;
    line-height: 85px;
}

.header_text1 {
    font-size: 20px;
    font-family:Arial;
    color: #ffffff;
    margin-left:350px;
    line-height: 50px;
    margin-top: 60px;
}

#content {
    width: 964px;
    background: url(img/content.png);
    background-repeat: no-repeat;
    font-size: 1.00em;
    margin-left: 0px;
    min-height: 520px;
    color: #ffffff;
    text-align: left;
    vertical-align: center;
}

.content_text {
    font-size: 14px;
    font-family:Arial;
    color: #ffffff;
    margin-left:50px;
    margin-top:10px;
}

.content_text1 {
    font-size:30px;
    font-family:Arial;
    color: #ffffff;
    margin-left:360px;
    margin-top:10px;
}

#menu {
    width : 1024px;
    margin-left: 0px;
}

.link_text {
    font-size: 12px;
    font-family:Arial;
    color: #ffffff;
    margin-left: 0px;
    line-height: 27px;
}

#menu li {
    list-style : none;
    float : left;
    margin : 0;
    width: 118px;
    height: 40px;
}

#menu .i a:hover {
    background-image : url(img/button.png);
    text-align: center;
    vertical-align: middle;
}

#menu .i a {
    display : block;
    text-decoration : none;
    width : 100%;
    height: 27px;
    background-image : url(img/button.png);
    text-align: center;
    vertical-align: middle;
}

li {
    list-style : none;
}
 
Danke für Deine Hilfe, leider hat das immer noch nicht geholfen :(

Du sagst ja es liegt wohl an dem margin wert,

wenn ich da jetzt einbaue ,

[if ie ]..

und dort den margin wert rausnehme müsste es doch passen oder.
Also eigentlich schon, leider weiß ich den code nicht, was ich da schreiben soll.

eine iestyle.css erstellen, daß weiß ich schon, aber was schreibe ich in den code [if ie] ?

Kannst du mir da weiterhelfen?
 
Sorry das ich gerade doppelt poste, aber der Abstand ist ja schon ok,
nur der Text ist halt noch verschoben im IE.
 
Ich mein den content text, der ist verrutscht im ie :(

bei impressum sieht man das


Ja sonst passt alles wunderbar.
 
Das hier macht keinerlei Sinn in jeder Zeile:
Code: 
.content_text {
    font-size: 14px;
    font-family:Arial;
    color: #ffffff;
    margin-left:50px;
    margin-top:10px;
}
Lass es komplett weg und ebenso den diesbezüglichen HTML-Teil.

Verwende besser und allgemein:
Code: 
#content {
    width: 914px;
    background: url(img/content.png);
    background-repeat: no-repeat;
    font-size: 1.00em;
    min-height: 520px;
    color: #ffffff;
    text-align: left;
    padding-left: 50px;
}
Verwende dann hier noch die gewünschte Schriftgröße.

Die Überschriften zeichne wie es sich gehört mit h1-h6 aus und verzichte ebenso auf sämtliche font-Tags im HTML-teil.
 
Wenn ich das mal so sagen darf : " Du bist nen Schatz !!!!! "

DANKE !!!!!


Alles perfekt , knuddel vielen lieben Dank !!!!!!
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben