Gernot Back: Vertikaler Trennstrich

Beitrag lesen

Hallo Leo,

zb. Schreiben:    bla bla   /   bla bla
                     bla bla   /   bla bla

so und wo jetzt die beiden schrägstriche sind möchte ich einen
   Vertikalen strich hin haben.

Also nehmen wir mal an, dein Quellcode sieht so aus und du willst keine Frames voneinander abgrenzen.

  
<p class="Stil1" >bla bla</p>  
  
<p class="Stil2">blub blub</p>  

Dann könnte ein passendes CSS dazu so aussehen:

  
  
.Stil1 {  
  float:left;  
  padding:0 1em 1em 0;  
  border-right:solid 1px black;  
  margin:0 1em 0 0;  
}  
  
* html .Stil1 {  
  display:inline;  
}  
  

Nachdem ich festgestellt habe, dass die neuesten Firefox-Versionen mit dem Doubled-Margin-Bugfix "display:inline;", der für IE<7 erforderlich ist, manchmal Probleme haben und dann auf float:none;schalten, bin ich dazu übergegangen, diesen in den guten alten Star-HTML-Hack zu packen.

Zur Frage männliche/weibliche Poster: Es ist schon komisch, einige männliche Fragesteller posten hier unter einem weiblichen Pseudonym, wohl weil sie sich damit mehr Hilfe von den "Kavalieren" hier im Forum versprechen und einige weibliche Poster vermeiden einen entsprechenden Nick, weil sie die "Chauvis" fürchten.

Als aufrechter Anfänger oder oder aufrechte Anfängerin hat man es auch nicht leicht hier, da wird einem schnell mal unterstellt, man könne "senk- und waagerecht" nicht auseinanderhalten. ;-)

Gruß Gernot