Baxmor: Runde Ecken im IE Explorer

Hallo Community,
Ich habe folgendes Problem:
Ich möchte das meine CSS Boxen Runde Ecken haben, ich habe versucht das mit folgendem Code zu realisiren:

CSS-Datei:

body {  
background-image:url(background.jpg)  
}  
#Logo_Hintergrund {  
position:absolute;  
width:800px;  
height:200px;  
left:50%;  
margin-left:-400px;  
margin-top:10px;  
background-color:#333333;  
text-align:center;  
}  
.Logo_lu {  
background:url(logo_lu.png) bottom left no-repeat;  
margin:0;  
padding:0;  
}  
.Logo_lo {  
background:url(logo_lo.png) top left no-repeat;  
margin:0;  
padding:0;  
}  
.Logo_ro {  
background:url(logo_ro.png) top right no-repeat;  
margin:0;  
padding:0;  
}  
.Logo_ru {  
background:url(logo_ru.png) bottom right no-repeat;  
margin:0;  
padding:0;  
}  

HTML-Datei

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
"http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
<title>Titel</title>  
<link rel="stylesheet" type="text/css" href="index.css">  
</head>  
  
<body>  
<div id="Logo_Hintergrund">  
  <div class="Logo_lo">  
  <div class="Logo_ro">  
  <div class="Logo_lu">  
  <div class="Logo_ru">  
</div>  
</div>  
</div>  
</div>  
</div>  
</body>  
</html>  

Mein Problem ist das in meiner Box nur die  oberen beiden Ecken angezeigt werden.
Ich hoffe ich findet meinen Fehler und könnt mir weiter helfen.
Ich danke jeder Hilfe im vorraus.
-Baxmor-

  1. Servus,

    wenn du weißt, dass dein Content 200px hoch ist, könntest du ja eigentlich das Bild gleich fertig mit runden Ecken anlegen und dir das Einbinden von vier Ecken sparen.

    Ansonsten:

    body {
    background-image:url(background.jpg)
    }
    #Logo_Hintergrund {
    position:absolute;
    width:800px;
    height:200px;
    left:50%;
    margin-left:-400px;
    margin-top:10px;
    background-color:#333333;
    text-align:center;
    }
    .Logo_lu {
    float:left;
    background:url(logo_lu.png) bottom left no-repeat;
    margin:0;
    padding:0;
    width:10px;
    height:10px;
    }
    .Logo_lo {
    float:left;
    background:url(logo_lo.png) top left no-repeat;
    margin:0;
    padding:0;
    width:10px;
    height:10px;
    }
    .Logo_ro {
    float:right;
    background:url(logo_ro.png) top right no-repeat;
    margin:0;
    padding:0;
    width:10px;
    height:10px;
    }
    .Logo_ru {
    float:right;
    background:url(logo_ru.png) bottom right no-repeat;
    margin:0;
    padding:0;
    width:10px;
    height:10px;
    }

    <body>
    <div id="Logo_Hintergrund">
     <div style="margin-top:0px; margin-left:0px; width: auto;">
       <div class="Logo_lo">&nbsp;</div>
       <div class="Logo_ro">&nbsp;</div>
      </div>
      <div style="clear:both; height:180px;">&nbsp;</div>
      <div style="margin-bottom:0px; margin-left:0px; width: auto;">
       <div class="Logo_lu">&nbsp;</div>
       <div class="Logo_ru">&nbsp;</div>
      </div>
    </body>

    Viel Spass, Robin

  2. Ich möchte das meine CSS Boxen Runde Ecken haben, ich habe versucht das mit folgendem Code zu realisiren:

    ...

    Mein Problem ist das in meiner Box nur die  oberen beiden Ecken angezeigt werden.
    Ich hoffe ich findet meinen Fehler und könnt mir weiter helfen.

    Mein instuitiv Parser weiss dem MSIE keinen Vorwurf zu machen, und möchte vermuten, dass er alles wie erwünscht darstellt in der vorgegebenen Grösse, wobei er selbstverständlich den enthaltenen content berücksichtigt.

    mfg Beat

    --
    Woran ich arbeite:
    X-Torah
       <°)))o><                      ><o(((°>o
  3. Hallo Baxmor

    Mein Problem ist das in meiner Box nur die  oberen beiden Ecken angezeigt werden.

    Bei dieser Eckenlösung sind mehrere Blockelemente ineinandergeschachtelt. Die Höhe dieser hängt von ihrem Inhalt ab.
    Wenn du jetzt dem umschließenden Element eine Höhe gibst, hat das keinen Einfluss auf die inneren Elemente.
    Wenn sich die Höhe deiner Box nicht nach dem Inhalt richten soll, musst du dem innersten Element die Höhe geben.
    Wenn du aber eine feste Höhe hast, kannst/solltest du dir die vier Elemente mit den Einzelecken sparen und besser _eine_ Hintergrundgrafik verwenden (wie Robin auch schrieb).

    Auf Wiederlesen
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!