CSS-formatierung des Contents

Hallo zusammen,

ich bin gerade dabei den Content-Bereich per CSS zu gestalten und habe dabei folgendes Problem.

Hinter der Hauptüberschrift soll ein Bild eingefügt werden. komischerweise nimmt die Überschrift selbst 100% der zur verfügung stehenden Breite ein. Ich habe das mal im Screenshot per CSS-Border markiert.

Bild: s4b.directupload.net/…/vkyxz4pk.jpg

Damit rückt das Bild immer an das Ende des Content-Bereiches. ich weiß nun nicht, wo ich das anpassen kann. die breite des h1-tags sollte doch der Textbreite der Überschrift entsprechen, oder?

Das betrifft die Überschriften des normalen Text-contents. CSS styled content ist eingebunden.

hier mal meine sourcen:

erzeugtes html:

<!--  Header: [begin] -->
<div class="csc-header_csc-header-n1">
  <h1 class="csc-firstHeader">Hauptüberschrift</h1>
  <img src="Bilder/Template1_17.jpg" alt="" /></div>
<!--  Header: [end] -->
			
<!--  Text: [begin] -->
<p class="bodytext">Inhaltsbereich hier</p>
<!--  Text: [end] -->

und das CSS dazu:

h1 {
	font-size: 14px;
	font-weight: bold;
	width: auto;
	border: 1px solid #000000;
}

/* Div der Überschrift */
.csc-header_csc-header-n1 {
	height: 39px;
	width: auto;
	padding-left: 15px;
	padding-right: 65px;
	background-image: url(../Bilder/Template1_17.jpg);
	background-position: right;
	background-repeat: no-repeat;
	border: 1px solid #000000;
	display: block;
}

Hat jemand eine Idee, wie man diesem Problem begegnen kann?

Joah. is schwierig, oder mehr gerate ohne die Seite selbst.

Gib dem h1 ein margin bottom und nimm das width:auto; raus. Versuchs mit einem display:block; und dann einer width:100%;

Oder poste ne URL zu deiner Seite

die Seite existiert im moment leider nur bei mir lokal. habe beim Provider noch kein Typo3 eingerichtet.

Also die Breite der Überschrift passt sich immer der breite der umschließenden Container an. normal sind für die umschließenden <div>s feste breiten vergeben. wenn ich die feste breite entferne, dann richtet sich die breite der divs nach der Breite des Contents. Die Überschrift ist aber immer 100% der Breite des <div>s

Leider haben deine Tipps nichts geholfen.