✔ Breite und Höhe im Internet Explorer 6 nicht korrekt

Status
Nicht offen für weitere Antworten.
M

macfreakz

Mitglied
HTML: 
<div style="position:absolute; top:0px; left:0px; bottom:0px; right:0px; margin-top:50px; margin-bottom:25px; margin-left:175px; background-color:#f00;">

Inhaltsbereich
    
</div>

Warum sieht es bei Internet Explorer total anders aus?

Kennt ihr einen Workaround? Ich möchte das gleiche Ergebnis wie im Firefox haben.

Danke :)))
 
Hi macfreakz,

also bei mir sieht es im IE, Opera und FF (jeweils letzte Version) gleich aus.

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

<html>
<head>

<style type="text/css">
<!--
div#layer {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	margin-top:50px;
	margin-bottom:25px;
	margin-left:175px;
	background-color:#F00;
-->
</style>
</head>

<body>
<div id="layer">

Inhaltsbereich
    
</div>
</body>
</html>

Was befindet sich den in der Box? Platzierst du noch etwas daneben, darüber, oder sonstwo?

Gruß

EDIT: Den 6er IE habe ich leider nicht mehr zum testen da, aber wenn ich alles in DW 9 auf Browserkompatibilität überprüfe spuckt er mir nichts aus. Markup?
 
Zuletzt bearbeitet:
Hi,

der IE6 unterstützt nicht die Kombination der Positionsangaben left und right, sowie top und bottom.
 
Klar, hab ihn dir eben schnell gestrickt ;)

Code: 
<!-- put IE into Quirksmode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_macfreakz</title>

<style type="text/css">
<!--
html,body {
margin:0;
padding:0;
}

div#box {
position:absolute;
top:0px;
left:0px;
bottom:0px;
right:0px;
margin-top:50px;
margin-bottom:25px;
margin-left:175px;
background-color:#f00;
}
-->
</style>
<!--[if lt IE 7]>
<style type="text/css">
div#box {
width:100%;
height:100%;
margin-top:0;
margin-bottom:0;
margin-left:0;
border-top:50px solid #fff;
border-bottom:25px solid #fff;
border-left:175px solid #fff;
}
</style>
<![endif]-->

</head>
<body>

<div id="box">Inhaltsbereich</div>

</body>
</html>
 
danke für deine Hilfe. Hat mir aber nicht bei meinem Problem geholfen.

Ich habe das Ganze anders aufgebaut, sieht unter IE 6 und Safari wunderbar aus, aber bei Firefox nicht

Hier Code:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Test</title>
</head>

<style>

body
{
    margin:0 0 0 0;
    overflow: hidden; 
}

</style>

<body bgcolor="#FFFFFF" link="#000080" topmargin="0" leftmargin="0" id="body">

<div style="position: absolute; top:0px; left:0px; width:100%; height:100%;">

<table border="0" height="100%" width="100%" cellpadding="0" cellspacing="0">
  <tr>
    <td width="175" height="50"><img src="trans.gif" width='25' height='1'/></td>
    <td valign="top">
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td>
                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
                        <tbody>
                            <tr>
                                <td height="43" nowrap width="150"><font face="Arial" color="#000080" size="2">Anwendung<br>
                                Privat</font></td>
                                <td bgcolor="#eee" height="43" nowrap><ssmall><font face="Arial" size="2" color="#ffffff">&nbsp;
                                </font></td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
            <tr>
                <td bgcolor="#000080" height="7"></td>
            </tr>
        </table>
    </td>
  </tr>
  <tr>
    <td style="background-color:#f00;">.
    </td>
    <td valign="top" style="max-height:100%;">
        <div style="position: relative; top:0px; left:0px; width:100%; max-height:100%; height:100%; overflow:auto; background-color:lightgray;">
            sfsdsdf eraf werf asrefdsaf dsfsdf fdsf sdf sdf sdf sdf sdf sdf sdfsdfdsf sf sdf sdf sd fsdf sdf s s<br>
            <table height="250">
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
            </table><br>
            sfsdsdf eraf werf asrefdsaf dsfsdf fdsf sdf sdf sdf sdf sdf sdf sdfsdfdsf sf sdf sdf sd fsdf sdf s s<br>
            <table height="250">
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
            </table><br>
            sfsdsdf eraf werf asrefdsaf dsfsdf fdsf sdf sdf sdf sdf sdf sdf sdfsdfdsf sf sdf sdf sd fsdf sdf s s<br>
            <table height="250">
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
            </table><br>
            sfsdsdf eraf werf asrefdsaf dsfsdf fdsf sdf sdf sdf sdf sdf sdf sdfsdfdsf sf sdf sdf sd fsdf sdf s s<br>
            <table height="250">
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>2</td>
                    <td>3</td>
                </tr>
            </table><br>                
        </div>
    </td>
  </tr>
  <tr>
    <td height="25"></td>
    <td><div style="width:100%; height:100%;">macfreakz Webseite</div></td>
</table>

<div style="position:absolute; left:20px; top:20px; width:155px; text-align:center;">
    Logo
</div>

</div>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück