XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   CSS und IE - Link als Block macht Probleme (http://xhtmlforum.de/showthread.php?t=52407)

Morjo 25.06.2008 09:58

CSS und IE - Link als Block macht Probleme
 
Hallo zusammen,

ich habe ein Problem mit dem IE 5 bis 6, die mir einen mit CSS formatierten Link nicht wie gewünscht darstellen. Genauer fügen sie vor und nach diesem Link etwa eine komplette Leerseite ein, auf der nur der Seitenhintergrund sichtbar ist.

URL: morjo.de

Der betreffende Link ist hier der grüne Kopfteil und dieser soll auf die Startseite verweisen.

HTML:
Code:

...
<body>
<div id="page">
        <div id="header">
                <h1>morjo.de</h1>
                <a href="http://morjo.de/" />

        </div>

        <div id="container">
...

CSS:
Code:


body, html {
        height:100%;
        background:#2c241f url(images/container_bg.gif) no-repeat scroll center top;
        text-align:center;
}

body {
        width: 960px;
        margin:0px auto;
        padding:0px 10px;
        font-family: 'Lucida Grande', Arial, sans-serif;
        font-size: 13px;
        color:#ffeedd;
        background-color:#2c241f;
}

a {
        color: #dfe54e;       
        text-decoration:none;
}
a:hover {
        text-decoration:underline;
}

#page {
        text-align: left;
        width: 980px;
        margin: 0px auto;
        padding: 0px;
        border-bottom: 2px solid #F8F6CF;
}

#header {
        padding:0px 10px;
        margin:0px;
        height: 179px;
        background: url(images/header.jpg) no-repeat center;
}

#header h1 {
        margin:0px;
        padding:0px;
        line-height:0px;
        visibility:hidden;
}

#header a {
        display:block;
        width:960px;
        height:150px;
        font-size: 1.6em;
        margin:0px;
        padding:0px;
}
...

Ich würde mich freuen, wenn mir Ihr mir hier weiter helfen könntet! :)

Danke & Viele Grüße
Morjo

EvT 25.06.2008 10:43

Zitat:

<a href="http://morjo.de/" />
Es fehlt das End-Tag.
Code:

<a href=""></a>

Morjo 25.06.2008 10:55

Danke für die schnelle Hilfe! Das Problem ist damit gelöst.
Gut zu wissen, dass der IE damit Probleme hat. Denn andere Browser haben wie auch der W3C-Validator nicht gemeckert :)

sjBlack 25.06.2008 11:52

Kann mir mal einer erklären, was ein a-Typ-Element mit href und ohne name Angabe ohne Inhaltstext für eine Sinn macht? xD

andir 25.06.2008 14:28

Klar, kann ich.

a ist ein Kind von header und da soll wohl mal ein Bildchen rein ;)

Kannst Du mir erklären, wozu ein name-Angabe bei einem Ankerlink nötig ist?

Und da der TE XHTML 1.0 verwendet, gilt überdies noch das:

XHTML 1.0: The Extensible HyperText Markup Language (Second Edition)


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:23 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023