IE div problem

js-mueller · 14. Juli 2004

Hi ich hab ein Problem beim Seiten AUfbau mit dem IE

folgender code

Code:

<?xml version="1.0" encoding="iso-8859-1" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 STRICT//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
    <head>
        <title></title>
    </head>
    <body style="margin: 0px;">
        <div style="margin: 0px; padding: 0px; background-image: url('grafiken/kopf_100.jpg');"><img src="grafiken/kopfteil.jpg" alt="KGS-Sehnde" /></div>
        <div style="margin: 0px; padding: 0px; background-image: url('grafiken/menue.jpg'); height: 120px;"></div>
        <div style="margin: 0px; padding: 0px;">
            <p style="margin: 0px; padding: 0px; height: 600px; background-image: url('grafiken/info.jpg'); width: 203px; float: left;">
                <img src="grafiken/platzhalter.gif" width="203" />
            </p>
            <p style="margin: 0px; padding: 0px; width: 100%;">
            </p>
            <p style="margin: 0px; padding: 0px; width: 15px;  height: 600px; float: right; background-image: url('grafiken/balken.jpg')">
                <img src="grafiken/platzhalter.gif" width="15" />
            </p>
            <p style="margin: 0px; padding: 0px; clear: right; background-image: url('grafiken/info_fuss.jpg'); height: 25px; width: 203px;"></p>
        </div> 
    </body>
</html>

So aber wie ihr unter http://www.randar.de/kgs sehen köönt wird unten links ein weißer abstand vom ie gemacht, welcher beim mozilla nicht da ist, was natürlich korrekt ist.
Ich hoffe ihr könnt mir helfen

edit:

Achso auf der rechten seite bei dem Balken macht ie das selbe.

Quaese · 14. Juli 2004

Hi,

Du musst den vertikalen Balken auf der rechten Seite (float: right) vor dem mittleren
Bereich angeben. Andernfalls wird der Mittelbereich tatsächlich 100% breit und reicht
somit bis an den rechten Rand. Hierdurch kommt der weisse Zwischenbereich
zustande.

Code:

<?xml version="1.0" encoding="iso-8859-1" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 STRICT//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
    <head>
        <title></title>
    </head>
    <body style="margin: 0px; background-color: #ffffff;">
        <div style="margin: 0px; padding: 0px; background-image: url('http://www.randar.de/kgs/grafiken/kopf_100.jpg');"><img src="http://www.randar.de/kgs/grafiken/kopfteil.jpg" alt="KGS-Sehnde" /></div>
        <div style="margin: 0px; padding: 0px; background-image: url('http://www.randar.de/kgs/grafiken/menue.jpg'); height: 120px;"></div>
        <div style="margin: 0px; padding: 0px;">
            <p style=" margin: 0px; padding: 0px; height: 600px; background-image: url('http://www.randar.de/kgs/grafiken/info.jpg'); width: 203px; float: left;">
            	<img src="http://www.randar.de/kgs/grafiken/platzhalter.gif" width="203" />
            </p>
            <p style="margin: 0px; padding: 0px; width: 15px;  height: 600px; float: right; background-image: url('http://www.randar.de/kgs/grafiken/balken.jpg')">
                <img src="http://www.randar.de/kgs/grafiken/platzhalter.gif" width="15" />
            </p>
            <p style="margin: 0px; padding: 0px; width: 100%;">
            </p>
            <p style="margin: 0px; padding: 0px; clear: right; background-image: url('http://www.randar.de/kgs/grafiken/info_fuss.jpg'); height: 25px; width: 203px;"></p>
        </div>
    </body>
</html>

Ciao
Quaese

IE div problem

js-mueller

Erfahrenes Mitglied

Quaese

Moderator

Neue Beiträge