Ausrichtung für runde Ecken

[Anushka]

Hallo Leute,

ich meinte, ich hätte alles richtig gemacht, richtiger DOCTYPE (stict)  schön alles mit css, um die runden Ecken reinzubekommen, bis ich das mit dem IE öffnete:
<a href="http://www.webeifer.de/diefenbach/unternehmen.html" target="blank">hier</a>

Bei mir zumindest ist da ein Mini-Streifen am rechten Rand, der da natürlich nicht hin soll.

Wo liegt der Fehler oder was wäre das Work-Around?

Grüße
Anushka

hier die CSS-Datei:
_______________________________
body { margin: 0px;
padding:6px;
}

#rahmen1 {
 position: absolute;
 left: 6px;
 top: 6px;
}
#rahmen2 {
 position:absolute;
top:6px; right:6px;
 }
#rahmen3 {
 position: absolute;
 left: 6px;
 top: 116px;
}
#rahmen4 {
 position: absolute;
 right: 6px;
 top: 116px;
}

#hundert_prozent {
width: 100%;
height: 126px;
BACKGROUND:#C80751;
}

#logo {
 position:absolute; top:10px; left:10px;
}
___________________________________________

[O'Brien]

Hi,

ist zwar keine Antwort auf deine Frage, aber eine Gegenfrage:
Warum sehe ich bei ausgeschaltetem JavaScript im Opera 7.54 auf der Startseite http://www.webeifer.de/ nur eine dunkle Fläche? Und ja, Flash ist installiert und eingeschaltet.

Schönen Sonntag noch!
O'Brien

[Anushka]

Danke für den Hinweis!

[Sven Rautenberg]

Moin!

ich meinte, ich hätte alles richtig gemacht, richtiger DOCTYPE (stict)  schön alles mit css, um die runden Ecken reinzubekommen, bis ich das mit dem IE öffnete:

Wenn ich mir mal den Quelltext angucke, stellt sich mir sofort die Frage: Warum denn bloß so kompliziert? Vier absolut positionierte DIVs mit IMG für die vier Ecken, dann noch eines für den großen Logokasten - und das Logo als IMG außerhalb von allem.

Sofern du nicht irgendwelche Sonderwünsche in diesem Header zu realisieren hast, sondern einfach nur einen von links bis rechts gehenden Header haben willst, empfehle ich dir:

  
<div id="header"><img src="logo-mit-zwei-ecken-links" alt="Firmenname" width height></div>  

Und das CSS dazu:

  
#header {  
  background-image:url("zwei-ecken-rechts");  
  background-repeat:no-repeat;  
  background-position:top right;  
  background-color:#C80751;  
  width:100%  
  height:126px;  
}  

Dein Firmenlogo kriegt die komplette Höhe von 126 Pixeln, und am linken Rand die zwei runden Ecken oben und unten. Das Hintergrundbild im #header besteht ausschließlich aus den zwei Hintergrundecken, ist aber nur so breit, wie die Rundung es erfordert. Und schon hast du ein in der Breite wunderbar flexibles Element mit runden Ecken.

- Sven Rautenberg

[Anushka]

Danke, Wald Bäume, manchmal.

meine Rettung.