Hi,

ich möchte in einem div alle Zeilen einrücken, die eine bestimmte Klasse nicht besitzen.

Hier der momentane Style dazu:
HTML-Code:
#quelltext {
  position: relative;
  left: 50px;
  padding: 10px;
  margin: 0px;
  width: 580px;
  border: 2px dotted #ff6600;
  
  background-color: #dcdcdc;
  color: #000000;
  font-family: Courier New,Courier,Times New Roman,Arial;
  text-indent: 10px;
  
  /* IE Hack */
  voice-family: "\"}\"";
  voice-family: inherit;
  
  /* Version der Werte für "korrekte" Browser */
  width: 556px;
}

/* für Opera */
#content>#quelltext {width: 556px;}

.titel {
  text-indent: 0px;
}
Mein Problem ist, dass die Browser nach einem BR-Tag die Zeilen nicht noch weiter einrücken.

Der entsprechende Quelltext von der Seite an sich sieht folgendermaßen aus:
HTML-Code:
<div id="quelltext">
      <p class="titel">#left {</p>
      <p>position: absolute;<br />
      top: 0px;<br />
      left: 10px;<br />
      width: 180px;<br />
      padding: 10px;</p>
      <p>color: navy;<br />
      background-color: white;<br />
      border: 2px solid black;</p>
      <p>/* IE Hack */<br />
      voice-family: "\"}\"";<br />
      voice-family: inherit;</p>
      <p>/* Version der Werte für "korrekte" Browser */<br />
      width: 156px;</p>
      <p class="titel">}</p>
      <p class="titel">/* für Opera */<br />
      body&gt;#left{width: 156px;}</p>
    </div>
Wie schaffe ich es also, dass dann wirklich alle Zeilen, außer den Titelzeilen, eingerückt werden. Es muss IE-freundlich sein, sonst könnte ich es schließlich mit:
HTML-Code:
#quelltext>p {
  padding: 0px;
  margin: 0px;
}
machen und die HTML-File dementsprechend abändern.

mfg niji