Guten Abend liebe Leute,
ich habe ein kleines Problemchen. Vorerst: Ich bin noch HTML & CSS Anfänger, daher bin ich noch nicht so gut.
Nun zu meiner Frage:
Ich habe ein Div, in welchem ein Text steht. Wenn ich nun außerhalb des Divs mit dem Mauszeiger nach unten streiche, wird der Text innerhalb des Divs markiert. Das möchte ich unterbinden. Das Div soll zentriert in der Mitte des Bildschirms angezeigt werden. Wenn ich "float:left" verwende, kann ich von außerhalb des Divs den Text im Div nicht markieren, allerdings ist der Bereich dann natürlich nicht mehr zentriert.
Nun mein HTML-Code:
HTML
<html>
<head>
<title>Umrandung</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>[INDENT] <div id="kasten">[/INDENT]
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>[INDENT] </div>[/INDENT]
</body>
</html>Nun mein CSS-Code:
Code
* {
font-family: calibri;
}
body {
background: white;
}
#kasten {
background: #F7EEEE;
width: 500px;
min-height: 100px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
border: 2px solid #AAA2A2;
border-radius: 10px;
text-align: justify;
}