Hilfe bei Homepage!!

  • Hallo an alle! Ich brauche dringend hilfe - bin schon am verzweifeln. Bin mit meiner Domain umgezogen und danach hat ein großes Problem begonnen, ich habe an der Seite der Page nun eine Linie und der obere Header geht nicht mehr bis zum Rand - nur bei IE ist das so - bei Firefox nicht.

    Bild vom Problem
    http://www.monis-katzenwelt.de/hp.jpg

    Meine Homepage ist Stefans-Sammler-Team
    Hier ein Bild was ich meine, wer kann helfen? Gruß Stefan

    • 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, WoltLab & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Wenn du Fragen hast, kannst du dich gerne jederzeit an @Maximilian Rupp wenden

    Hinweis:

  • Ich habe das Problem im IE nicht. Ich finde den Quelltext aber ehrlich gesagt absolut mies. Ich würde jetzt einfach mal vermuten das du die Seite mit einem WYSIWYG (wo du einfach nur klicken und nicht selber schreiben musst) erstellt hast.

    Mal ein paar Beispiele was total unnötig ist:
    Im head-Bereich wurde folgendes definiert (ist auch korrekt):

    Code
    <style type="text/css">
      a {color:#FFFFFF; font-size:9pt; font-family:verdana,sans-serif,tahoma; text-decoration:underline}
      a:hover {color:#FFFFFF; font-size:9pt; font-family:verdana,sans-serif,tahoma; text-decoration:underline}
      a.menu1 {color:#FFFFFF; font-family:verdana,sans-serif,tahoma; font-size:8pt; text-decoration:none}
      a.menu1:hover {color:#FFFFCC; font-family:verdana,sans-serif,tahoma; font-size:8pt; text-decoration:none}  
      #menu2 {color:#FFFFFF; background-color:#CC9966; font-family:verdana,sans-serif,tahoma; text-decoration:none; font-size:8pt}
    </style>


    Der body Tag hat viele Attribute - unter anderem welche die macht gar nicht braucht. Im head-Bereich hast du definiert, wie links dargestellt werden sollen. Im body Bereich hast du das nochmal:

    Code
    <body link="#FFFFFF" vlink="#FFFFFF" alink="#000000">

    Attribute wie bgcolor="#FFFFFF" sind auch überflüssig, da das standardmäßig schon der Fall ist.

    Vom veralteten Tabellenlayout sollte man ebenfalls absehen. Barrierefreier Code ist die Zukunft. Dazu gehört unter anderem das Styleelemente komplett vom HTML Code getrennt werden.

    Sowas hier ist auch unnötig:

    Code
    <td height="120" background="163topright.png"><img height="1" width="1" border="0" src="transp01.png"/>
    
    
    
    
    </td>

    Hier ein paar hilfreiche Seiten:
    HTML / XHTML / XML / WML Validator << damit kannst du deine Seite prüfen ("validieren") lassen. Das ganze ist sogar auf deutsch.
    The W3C Markup Validation Service << das gleiche nochmal aber auf Englisch

    Hier noch eine nette Einführung in xHTML und CSS:
    Einführung in XHTML, CSS und Webdesign

    Hauptrechner: Intel Q6600 | Gigabyte P35-DQ6 | ATi Radeon 2900XT | 4 GB OCZ RAM | Corsair HX520W | 31 TB Festplattenkapazität | 120 GB OCZ Vertex II SSD | Wasserkühlung

    LAN-Rechner: Intel Xeon UP W3520 | nVidia Geforce 8800 GTS | 4 GB TeamGroup RAM | LC Power LC6550 | 640 GB Platte

    HTPC: AMD Athlon II X2 250 | Foxconn A88GM Deluxe | 4 GB TeamGroup RAM | 3 TB Hitachi Platte

Jetzt mitmachen!

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