*Gelöst*
Das Problem liegt an webkit. Darum klappt es bei anderen Browsern wie firefox. Mit einem position:relative; des betreffenden elementes sollte es aber funktionieren =)
Moin.
Habe ein Problem, was sich wirklich sehr blöd beschreiben lässt. Wenn ich den Text markiere, so scheinen die Grenzen der <section> bzw. von <p> gesprengt zu werden, die Ausmaße stimmen aber alle laut Chrome Entwicklerkonsole.
html-seminar.de/woltlab/attachment/477/
Betroffene Browser: Chrome, Opera, Safari
Code
<section>
<h1><span>Phip</span>s Homepage - phip<span>1611</span>.de</h1>
<p>
Ich bin ein Blindtext. Von Geburt an. Es hat sehr lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. Oft wird man gar nicht erst gelesen. Aber bin ich deswegen ein schlechter Text? Ich weiss, dass ich niemals die Chance habe in einer grossen Zeitung zu erscheinen. [...]
</p>
</section>CSS
body {
background-image: url('../images/backgroundPattern.png');
background-repeat: repeat;
color: #333;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
min-width: 1000px;
text-align: center;
}
/*[...]*/
section {
min-height: 300px;
width: 990px;/* +5px padding links & rechts*/
margin: 70px auto;
border-radius: 4px;
line-height: 1.42em;
padding: 5px;
background-color: white;
text-align: left;
} section h1 {
font-weight: 300;
height: 45px;
line-height: 45px;
font-size: 45px;
padding-left: 25px;
border-bottom: 1px solid #999;
} section h1 span {
color: #e34f26;
} section p {
display: block;
}Falls es wichtig ist: Ich verwende normalize.css von Initializr. Die sollte aber keinerlei Auswirkungend darauf haben ... Ich kann mir das einfach nicht erklären .. Normalerweise sollte er doch In dem Element bleiben beim Text makieren.
Vielen Dank im voraus!!1 =)