Design im IE zerschossen

  • Hallo Leute,

    ich bin ein WordPress-Neuling und habe folgendes Problem: Das Design von meinem Blog ist im IE total verschoben. Hab jetzt schon rausgefunden, dass es an der Sidebar liegt. Hier habe ich nur die Überschriften durch Grafiken ersetzt und schon sah alles krumm und schief aus. Kann mir da vielleicht jemand helfen?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Ein sehr schlecht gemachtes Theme. Ätzend aufgebaut...
    Das ist lediglich ein Workaround, sollte aber funktionieren:

    CSS
    #right {
        float: right;
        width: 230px !important;
        width: 220px;
        padding: 10px 15px !important;
        padding: 10px 5px;
        margin: 0;
    }
  • Na ja, es war eher auf das Theme an sich und dessen "Hersteller" sowie die Programmierungsleistung und dem Aufbau des Codes bezogen.

  • Zitat von Designmaster

    Hallo Leute,

    ich bin ein WordPress-Neuling und habe folgendes Problem: Das Design von meinem Blog ist im IE total verschoben. Hab jetzt schon rausgefunden, dass es an der Sidebar liegt. Hier habe ich nur die Überschriften durch Grafiken ersetzt und schon sah alles krumm und schief aus. Kann mir da vielleicht jemand helfen?



    http://designworld.hvbx.de/
    ist derzeit down,

    es mag wirklich überheblich klingen,
    aber dem Blog den Namen 'Designworld' geben, sich hier als 'Designmaster' anzumelden und dann an diesem Prob zu scheitern ist gelinde gesagt Selbstüberschätzung.

    lg

  • Vielleicht auch nur eine große Portion Selbstironie? Naja, vielleicht auch nicht. Ich find's lustig.
    Monika, das hier ist der Link: http://design-world.hvbx.de/

    Desginmaster: Editfunktion?

    [SIZE="1"]"eckbert" a.k.a "almighty eckbert dont need help" has posted 184 Posts in Support-Forum. Everyone started with "Help!!!!!!..."[/SIZE]

  • Zitat von ossi

    Vielleicht auch nur eine große Portion Selbstironie? Naja, vielleicht auch nicht. Ich find's lustig.
    Monika, das hier ist der Link: http://design-world.hvbx.de/

    Desginmaster: Editfunktion?

    [size=8]"eckbert" a.k.a "almighty eckbert dont need help" has posted 184 Posts in Support-Forum. Everyone started with "Help!!!!!!..."[/SIZE]


    ah Danke für den Link

    das Design ist im IE , den ich habe- total zerschossen,
    der Content ist unten, die Sidebar oben,
    das Logo nur halb sichtbar, aber vielleicht gehört dies so..

    Empfehlung: Content weniger breit machen, der IR geht mit margin und padding anders um,

    lg

  • Oh nein das Design ist im IE völlig zerschossen? Kann ich mir ja gar nicht erklären .. warum habe ich diesen Thread dann wohl "Design im IE total zerschossen" genannt? *kopfschüttel* Aber gut das dir das aufgefallen ist liebe Monika, sonst hätte ich das wahrscheinlich gar nicht bemerkt.

    Danke für den Codeschnipsel peti, werd es gleich mal ausprobieren.

    Und nochwas, nur weil der Blog sich mit den Themen Grafiken und Webdesign beschäftigt, muss ich nicht gleich ein html/css Profi sein, ausserdem hat jeder von uns mal klein angefangen. Soll ich den Blog deshalb jetzt in "Der Designblog eines Unwissenden" benennen?

  • Hallo peti,

    hab deinen Tipp mal ausprobiert, die Sidebar sieht jetzt gut aus, nur der Header kommt nicht klar und ausserdem stimmt der Hintergrund immernoch nicht, einige der containergrafiken kleben am Mainfenster und es gibt kein stimmiges Bild. Ich nehme mal an, dass Größe und Padding der Headergrafik noch nicht IE.kompatibel sind. Kannst du mir da vielleicht auch noch weiterhelfen?
    Danke schonmal ;-)

  • Ich habe die "skip" Links entfernt.

    Code
    <div id="skip">
    <p><a href="#content" title="Skip to site content">Skip to content</a></p>
    <p><a href="#search" title="Skip to search" accesskey="s">Skip to search - Accesskey = s</a></p>
    </div>


    Und die beiden <hr>'s entfernt. (Einmal unter den "skip" Links sowie einmal am Ende der Seitenleiste.)

    Deinen Titel habe ich über den ersten DIV geschoben:

    Code
    <h1><a href="http://design-world.hvbx.de/"><img src="Design-World_files/blog_title.gif" style="" border="0"></a></h1>
    <div id="container">


    Style: Gleiche Folgendes mit deiner Stylesheet ab:


    Das müsste es gewesen sein, denke ich.

    [size=8] P.S.: Solltest du auf die Idee kommen, in den nächsten 5 Tagen das Theme zu wechseln, ordne ich an, dass dir die Seele entnommen wird. ;)[/SIZE]

  • Oh danke dir, das hat echt schon viel geholfen. Ich selbst hätte Tage gebraucht um das hinzubekommen. Jetzt ist der Titel nur noch zu weit oben (jetzt auch im Firefox)und der Search button neben der Suche scheint keinen Platz mehr zu haben.
    Als letztes Problem bleiben die rss-feeds die jetzt im footer verrutscht sind. Falls dir dafür noch eine Lösung einfällt, wäre ich dich superdankbar, ansonsten finde ich sicher auch selbst irgendwann die Lösung ;) Übung macht schließlich den Meister.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!