Darstellungsproblem beim IE auf dem PC

Diskutiere mit über: Darstellungsproblem beim IE auf dem PC im Web Page Design Forum

  1. unique23

    unique23 Thread Starter MacUser Mitglied

    Beiträge:
    752
    Zustimmungen:
    2
    Registriert seit:
    03.03.2004
    Hallo community,

    meine Homepage konnte ich nun das erste mal aif einem PC mit IE begutachten
    und da gibt es nun aber leider Darstellungsprobleme in den Überschriften.
    Diese werden immer oben und unten abgeschnitten und ich weiß nicht woher
    das kommt. Hat jemand eine Ahnung?
    http://www.stilwiese.com

    Ich weiß ich bin hier nicht in der 100% richtigen Zielgruppe - alles Macianer -
    aber vielleicht treibt sich auch der eine oder andere Web-Entwickler herum,
    der sich dem Problem kurz annehmen könnte. Das wäre wirklich super.

    Die Seite ist xhtml-valid. und ich weiß leider nicht was das Problem ist.
    Weiß jemand was?
    Unter Safari und Firefox wird alles richtig angezeigt. Aber da die Mehrheit den
    IE installiert hat, kommt man wohl nicht um den Microsoft-Browser. :-/
     
  2. ds007

    ds007 MacUser Mitglied

    Beiträge:
    73
    Zustimmungen:
    0
    Registriert seit:
    24.10.2004
    seit wann hält sich der IE denn an Standarts?

    Wie ist die Seite den aufgebaut, könnte sein, das die Tabellen für die IE Darstellung von den Höhen zu klein sind oder das du Schriften verwendest, die der IE (bzw. der andere Rechner) nicht kennt?
     
  3. ds007

    ds007 MacUser Mitglied

    Beiträge:
    73
    Zustimmungen:
    0
    Registriert seit:
    24.10.2004
    vielleicht noch so als Ergänzung. Hatte bei meiner Seite auch extreme Darstellungsprobleme mit dem IE. Mit Safari und Mozilla lief dagegen alles Problemlos. war ne Menge Probieren und Optimieren notwendig.

    Eigentlich ist die Zeit dafür dann aber auch wieder zu schade ;-)

    Kann Deine Siete aber auch nicht mit nem IE sehen. Hab keinen.... :)
     
  4. unique23

    unique23 Thread Starter MacUser Mitglied

    Beiträge:
    752
    Zustimmungen:
    2
    Registriert seit:
    03.03.2004
    Der Bereich der abgeschnitten wird ist in einem eigenen div namens titel. Ich habe ihn nicht speziell deklariert, bzw auf eine bestimme Höhe limitiert.
    Leider kann ich mir das Resultat absolut nicht erklären. Nur dass es mies aussieht, das
    weiß ich,.. :)
     
  5. theHobbit

    theHobbit MacUser Mitglied

    Beiträge:
    725
    Zustimmungen:
    6
    Registriert seit:
    07.08.2005
    Hi! Dein .css-Code:

    Code:
    body {
    	font: bold 16px Arial, sans-serif;
    	text-align: center;
        line-height: 22px;
    	padding: 0px;
    	color: #ccc;
    	background: #444;
    }
    
    p {
    line-height: 22px;
    }
    
    
    .container {
    	width: 768px;
    	margin-top: 0px;
    	margin-right: auto;
    	margin-left: auto;
    	padding: 0px;
    	text-align:left;
    	}
    
    .titel {
    	font: bold 40px Arial, sans-serif;
    	color: #ccc;
    	background: #444;
    	position: absolute;
    	margin-top: 0px;
    	margin-left: 8px;
    
    }
    
    
    
    Dein .body. Tag hat ein line-height, aber Dein .container. und .titel. Tag nicht. Würde da mal ansetzen und bei einem der beiden mal den .line-height. erhöhen.

    Meine Vermutung: das .line-heihgt. aus dem .body. tag überschreibt die Einstellung .font bold 40px. aus dem .title. Tag.

    versuch's mal ...

    edit:
    und der Safari / Mozilla korrigieren das (vermutlich) großzügigerweise :D
     
  6. unique23

    unique23 Thread Starter MacUser Mitglied

    Beiträge:
    752
    Zustimmungen:
    2
    Registriert seit:
    03.03.2004
    das line-height tag habe ich jetzt überall eingefügt, allerdings funktioniert es
    nicht und hat keine veränderung gezeigt.
    ein height-tag bringtb esserung, aber leider fehlt immer noch etwas im oberen teil.

    bin immer noch ratlos....
     
  7. ds007

    ds007 MacUser Mitglied

    Beiträge:
    73
    Zustimmungen:
    0
    Registriert seit:
    24.10.2004
    das sollte auch keine Änderung machen, da es eigentlich mitvererbt werden sollte, oder?

    aber spiel mal mit der höhe, vielleicht schneider der IE die 40px Schrift ".title" dann bei 22px ab.
     
  8. theHobbit

    theHobbit MacUser Mitglied

    Beiträge:
    725
    Zustimmungen:
    6
    Registriert seit:
    07.08.2005
    das ist auch meine Vermutung ... mal an der Höhe "herumstellen" :D
     
  9. unique23

    unique23 Thread Starter MacUser Mitglied

    Beiträge:
    752
    Zustimmungen:
    2
    Registriert seit:
    03.03.2004
    jetzt habe ich die line height nur noch so verwendet:

    p {
    line-height: 22px;
    }

    und in dem .titel tag einen neuen wert auf 150 gesetzt. nur so zum test, aber leider
    hat sich nichts getan,.. :-/
     
  10. unique23

    unique23 Thread Starter MacUser Mitglied

    Beiträge:
    752
    Zustimmungen:
    2
    Registriert seit:
    03.03.2004
    okay,. nun habe ich line-height nur für jedes einzelne div verwendet und nun geht die
    sache - nachdem ich etwas das layout verschoben habe, denn der gute ff zeigt
    es dann anders an,... aber letzten endes gehts :)

    vielen dank!
     
Die Seite wird geladen...
Ähnliche Themen - Darstellungsproblem beim auf Forum Datum
Ablauf beim Einrichten eines neuen Wordpress-Themes Web Page Design 21.06.2016
Bin am Verzweifeln ... CSS-Navi Darstellungsproblem mit ie6 Web Page Design 10.04.2007
CSS-Darstellungsproblem in Firefox - aber nicht in Safari und IE Web Page Design 10.07.2006
[td align=right:]Darstellungsproblem Web Page Design 18.01.2006

Diese Seite empfehlen

Benutzerdefinierte Suche