nicht angemeldet
Das ganze in der "alten" Form ist auf www.skycore.de zu sehen.
ok - dacht ich mir ;-)
Also das ist die Lösung
Mach die Streifen in Deiner Grafik so das Sie rechts und links passen.
Nur noch zwei Grafiken
1. das Logo - logo_new.png
2. die Streifen - logo_hg.png
jetzt brauchst Du nur noch zwei div-Container
einen fuers Logo und einen fuer die Streifen.
der LogoContainer hat eine feste Breite, die des Logos und wird mit margin:0 auto 0 auto; in die Mitte gesetzt.
Der headerContainer nimmt die Streifen auf und kachelt die Grafik einfach als Hintergrund hinter dem Logo vorbei.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
body
{
margin:0;
padding:0;
}
#header
{
margin:20px 0 0 0;
padding:0;
height:100px;
width:100%;
background: url(logo_hg.png);
background-repeat: repeat-x;
}
#logo
{
margin:0 auto 0 auto;
padding:0;
height:100px;
width:419px;
background: url(logo_new.png);
background-repeat:no-repeat;
}
-->
</style>
</head>
<body>
<div id="header">
<div id="logo">
</div>
</div>
</body>
</html>