Div Layer

**krackmoe** · 11.07.2008 16:06

Er hat bei meinem Code irgendein Problem mit dem Div Layer das ich nicht finden kann.
Maybe könnt ihr mir helfen!?

Der erste Div Layer mit der id="haupt" den ich aufmache, wo ist dem sein geschlossener </div> ?? Ich würde ja behaupten im letzten </div> vor dem div id="unten".

Laut Syntaxhighlighting sagt er mir aber das er schon vor dem div id="main" geschlossen wird.

Wie kann ich dieses Problem umgehen?
Da der div layer ja alles umschließen soll, außer den letzten.

Code:

</head>
    <body>
        <center>
            <div id="haupt">
                <div id="header" style="background-image: URL(slices/Bilder/header.png); width: 800px; height: 65px;">
                </div>
                <div id="menu" style="background-image: URL(slices/Bilder/menu.png);">
                    <div id="button">
                        <a href="index.html" onMouseover="austausch.src='slices/Bilder/homeeffekt.png';" onMouseout="austausch.src='slices/Bilder/home.png'"><img src="slices/Bilder/home.png"  border="0" name="austausch"></img></a><br>
                        <a href="lebenslauf.html" onMouseover="austausch2.src='slices/Bilder/lebenslaufeffekt.png';" onMouseout="austausch2.src='slices/Bilder/lebenslauf.png'" target="main2"><img src="slices/Bilder/lebenslauf.png"  border="0" name="austausch2"></img></a><br>
                        <a href="gast.php">Gast</a>
                    </div>
                </div>
                <div id="main" style="background-image: URL(slices/Bilder/main.png);">
                    <div id="home">
                        Willkommen auf der Homepage von Daniel Zimmermann!
                    </div>
                </div>
                <div id="footer" style="background-image: URL(slices/Bilder/footer.png); width: 800px; height: 59px;">
                </div>                
            
            </div>
            <div id="unten">
                    <a href="http://www.daniel-zimmermann.at" class="p1">2008, Zimmermann Daniel | www.daniel-zimmermann.at</a>  <a href="impressum.html" class="p2">Impressum</a>
            </div>
        </center>
    </body>
</html>

**Maxi** · 11.07.2008 16:09

Zitat von krackmoe

Der erste Div Layer mit der id="haupt" den ich aufmache, wo ist dem sein geschlossener </div> ?? Ich würde ja behaupten im letzten </div> vor dem div id="unten".

Hätte ich jetzt auch so behauptet.
Funktioniert der Code denn so wie er soll?

**krackmoe** · 11.07.2008 16:10

Im Firefox ja!
Aber im IE nicht :P

Zimmermann Daniel

Klick z.b. mal auf Lebenslauf...

**prm** · 11.07.2008 16:17

Nimm mal den Quirksmode raus indem du diesen Doctype ganz an den Anfang in die allerserste Zeile des Quelltextes setzt:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">

Bei mir wird der Div auch hier geschlossen:

</div>
<div id="unten">

**krackmoe** · 11.07.2008 16:19

Hm... any Idea's wieso das Bild so zerissen wird im IE?
Dachte dass es daran liegt..

Sorry

Hab ned alles gepostet.. das steht eh oben dran:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Zimmermann Daniel</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="javas.js"></script>
</head>
    <body>
        <center>
            <div id="haupt">
                <div id="header" style="background-image: URL(slices/Bilder/header.png); width: 800px; height: 65px;">
                </div>
                <div id="menu" style="background-image: URL(slices/Bilder/menu.png);">
                    <div id="button">
                        <a href="index.html" onMouseover="austausch.src='slices/Bilder/homeeffekt.png';" onMouseout="austausch.src='slices/Bilder/home.png'"><img src="slices/Bilder/home.png"  border="0" name="austausch"></img></a><br>
                        <a href="lebenslauf.html" onMouseover="austausch2.src='slices/Bilder/lebenslaufeffekt.png';" onMouseout="austausch2.src='slices/Bilder/lebenslauf.png'" target="main2"><img src="slices/Bilder/lebenslauf.png"  border="0" name="austausch2"></img></a><br>
                        <a href="gast.php">Gast</a>
                    </div>
                </div>
                <div id="main" style="background-image: URL(slices/Bilder/main.png);">
                    <div id="home">
                        Willkommen auf der Homepage von Daniel Zimmermann!
                    </div>
                </div>
                <div id="footer" style="background-image: URL(slices/Bilder/footer.png); width: 800px; height: 59px;">
                </div>                
            
            </div>
            <div id="unten">
                    <a href="http://www.daniel-zimmermann.at" class="p1">2008, Zimmermann Daniel | www.daniel-zimmermann.at</a>  <a href="impressum.html" class="p2">Impressum</a>
            </div>
        </center>
    </body>
</html>

**prm** · 11.07.2008 16:23

Auf der Seite "Lebenslauf" fehlt der Doctype.
Dann solltest du noch diese Fehler bereinigen:
[Invalid] Markup Validation of http://www.daniel-zimmermann.at/test/index.html - W3C Markup Validator

**krackmoe** · 11.07.2008 16:39

Okay

Danke hab die ganzen Fehler ausgebessert.
Nachdem ich den DocType eingetragen hatte, funktionierte es auf einmal.

Ist der echt so wichtig?

**Maxi** · 11.07.2008 16:48

Ja ist er.
Der sagt dem Browser unter anderem, welche HTML-Version verwendet wird etc.

http://de.wikipedia.org/wiki/Doctype

**prm** · 11.07.2008 16:50

Außerdem kann der IE ohne Doctype das CSS-Boxmodell nicht richtig darstellen.
Boxmodell und Internet Explorer

**Efchen** · 11.07.2008 21:11

Zitat von prm

Außerdem kann der IE ohne Doctype das CSS-Boxmodell nicht richtig darstellen.

Der IE kann auch mit Doctype manchmal das CSS-Boxmodell nicht richtig darstellen. Auf den richtigen Doctype kommt es an.
LANtastic’s Artikel » DTD - Document Type Declaration - Das richtige Doctype

Thema: Div Layer

LinkBack

Themen-Optionen

Div Layer

Aktive Benutzer

Aktive Benutzer

Ähnliche Themen

Layer

Mehrere Layer zentriert anzeigen

Layer verstecken?

CSS Layer Problem

Layer

Stichworte

Lesezeichen

Lesezeichen

Berechtigungen