Frage stellen
ich habe ein Headimage in einem DIV Container.
Diesen möchte ich aber "größer" als den Container selber machen. Es soll die Headgrafik aus dem DIV herausragen. Ich hoffe Ihr wisst was ich meine. Wenn nicht bitte nochmal Fragen.
Anbei ein Eindruck vom aktuellen Stand und der HTML/CSS Code.
- Code: Alles auswählen
<div class='Box2'>
<div class='Titel'>TESTNAME<span class="TitelKlein">(Titel klein)</span></div>
<div class='Text1'>Text 1 Test</div>
<div class="kalendermini"><span class="middle">10. Oktober 2011</span></div>
<div id="boxcontainer">
<div class="box_links">
<div id="fotoboxleft">
<img src="mavsteam.jpg" alt="Testimage" />
<p>Testimage (11.06.2009)</p>
</div fotoboxleft>
<br><br>
- Code: Alles auswählen
.Box2 {
border:1px solid #A4A4A4;
margin:0px;
padding:10px;
background:url(berichtsheader2.png);
background-repeat:no-repeat;
height: auto;
width: 910px;
background-color: #E2E2E2;
position:relative;
overflow: hidden;
}
.Box2 .Titel {
font-family: Arial,Helvetica,sans-serif;
color: #000000;
font-size:20px;
font-weight:bold;
text-align: left;
}
.Box2 .TitelKlein {
font-family: Arial,Helvetica,sans-serif;
color: #0f0f0f;
font-size:14px;
font-weight:bold;
text-align: left;
}
Ich denke es müsste was mit z-index oder so sein.
Oder ist es vielleicht besser, die Grafik für die Überschrift in einen eigenen Container zu packen ??
Hoffe und Danke für Eure Hilfe.
Gruss
cssRookie
. (War auch nur so auf die Schnelle.)
