IE6 Problem: Text verschwindet unter Bild

  • Hallo zusammen,

    habe folgendes Problem:
    Ich habe ein Bild in ein p gesetzt und darunter ein p mit Text. Eigentlich ganz normal. Im IE6 verschwindet der Text nun aber unter dem Bild. Ich hab keine Ahnung was das soll oder wie ich das beheben kann :(
    ich hoffe jemand von euch kann mir da weiterhelfen.

    morgendliche Grüße :)

  • In Zeile 28 fehlt ein Blank und in Zeile 45 musst du weiter einrücken.

    Mit anderen Worten: hier ist niemand Hellseher, den HTML/CSS-Code müsste man schon mal sehen. Oder besser, einen Link zur Seite

  • stimmt das sollte ich schon tun.

    mein html code:

    <div id="content">
    <div class="spalte">
    <p><img src="bild.jpg"></p>
    <p>TEXT!</p>
    </div>
    </div>
    </div>

    mein css code:

    * {
    padding: 0px;
    margin: 0px;
    border: 0px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    }

    html {
    height: 100%;
    }

    body {
    height: 100%;
    background-image: url(bilder/bg_test.jpg);
    background-repeat: repeat-x;
    }

    div#container {
    height: 100%;
    width: 900px;
    background-image: url(bilder/bg_container.jpg);
    }

    div#content {
    float: left;
    height: auto;
    width: 650px;
    padding: 0px 25px 0px 0px;
    background-color:#ffffff;
    }

    div#content h1 {
    margin: 25px 0px -15px 25px;
    }

    div#content p {
    margin: 25px 0px -15px 25px;
    }

    div.spalte {
    float: left;
    width: 300px;
    }

    soweit ich verstehe ist das margin das ich div#content p zugewiesen habe das problem, aber keine ahnung wie ich das beheben kann/soll.

  • Versuch's mal so:

    Code
    <div id="content">
    <div class="spalte">
    <p><img src="bild.jpg"></p>
    </div><!--Ende spalte-->
    <p>TEXT!</p>
    </div>
    </div>

    und ergänze

    Code
    div.spalte {
    float: left;
    width: 300px;
    margin-right: 300px;
    }

    Lass dies zunächst mal weg oder definiere es ggf. neu:

    Code
    div#content p {
    margin: 25px 0px -15px 25px;
    }

    Ansonsten wäre ein Link zur Seite hilfreicher, damit man alles im Zusammenhang sehen kann.

  • anscheinend habe ich eine lösung (oder einen umweg) für das problem gefunden.
    beim spielen mit der margin-angabe habe ich gesehen das der text abgeschnitten wird durch das -15px margin nach unten. wenn ich unter das p mit dem text aber ein weiteres p (leeres) stelle, dann funktioniert es.

    mit diesem umweg kann ich leben, ich denke das thema ist dann soweit vom tisch. ausser jemandem fällt noch eine elegante lösung ein :)