Autor |
Nachricht |
dOubb.
Threadersteller
Dabei seit: 19.05.2009
Ort: Welver
Alter: 32
Geschlecht:
|
Verfasst Fr 28.10.2011 13:26
Titel Wieso ist wird der Text so komisch markiert? |
|
|
Auf dem Screenshot seht ihr den markierten Text. Die Markierung geht über die komplette Breite des Browserfensters.
Könnt ihr mir vielleicht sagen wieso das so ist?
Viele Grüße
Dennis
Zuletzt bearbeitet von dOubb. am Fr 28.10.2011 13:32, insgesamt 2-mal bearbeitet
|
|
|
|
|
Alex
Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
Verfasst Fr 28.10.2011 14:12
Titel
|
|
|
wenn du uns einen Link zur Seite zur verfügung stellst, könnten wir mal ins CSS schauen. Ich vermute nämlich, dass der "Fehler" daher rührt.
|
|
|
|
|
Anzeige
|
|
|
dOubb.
Threadersteller
Dabei seit: 19.05.2009
Ort: Welver
Alter: 32
Geschlecht:
|
Verfasst Fr 28.10.2011 14:21
Titel
|
|
|
Die Seite ist nicht online.
Code: | /*-----------------------------------------------------*/
/*----------------------- Haupt -----------------------*/
/*-----------------------------------------------------*/
* {
margin: 0;
padding: 0;
border: 0 none;
}
html {
background: #fff;
}
body {
background: url('./../layout/background.png') repeat-x;
}
#wrapper {
width: 800px;
min-height: 350px;
margin: 0 auto;
}
#header h1 {
width: 238px;
height: 23px;
margin: 60px 0 18px 40px;
float: left;
}
#header h1 a {
width: 238px;
height: 23px;
background: transparent url('./../layout/logo.png') no-repeat;
text-indent: -9999px;
display: block;
overflow: hidden;
}
#teaser {
width: 800px;
height: 250px;
}
#content {
width: 718px;
height: auto;
background: #930054;
padding: 40px 40px 24px 40px;
margin-left: 1px;
}
#footer {
min-height: 72px;
background: transparent url('./../layout/footer-background.png') no-repeat;
margin: 0 0 50px 0;
padding: 15px 0 0 550px;
}
/*-----------------------------------------------------*/
/*--------------------- Schrift -----------------------*/
/*-----------------------------------------------------*/
body {
color: #fff;
font-size: 100%;
font-family: Verdana, Tahoma, Sans-Serif;
}
a {
color: #000;
text-decoration: none;
}
a:hover, a:focus {
text-decoration: underline;
}
h2 {
line-height: 1.7em;
text-indent: -9999px;
}
h2.willkommen {
background: transparent url('./../layout/willkommen.png') no-repeat;
}
#content p,
#content ul li {
line-height: 1.7em;
font-size: .8em;
margin-bottom: 1em;
}
/*-----------------------------------------------------*/
/*----------------------- Teil ------------------------*/
/*-----------------------------------------------------*/
#menu {
width: 490px;
height: 62px;
margin: 21px 0 18px 0;
float: left;
list-style-type: none;
text-indent: -9999px;
}
#menu li {
height: 62px;
float: left;
}
#menu li a {
height: 62px;
padding: 0 0 0 0;
background: transparent url('./../layout/menu-background.png') no-repeat 0 -62px;
display: block;
}
#menu li.chosen a,
#menu li a:hover, #menu li a:focus {
background-position: 0 0;
}
/*-----------------------------------------------------*/
/*---------------------- Detail -----------------------*/
/*-----------------------------------------------------*/
#menu li.startseite a {
width: 62px;
margin-left: 288px;
}
#menu li.ueber-mich a {
width: 62px;
margin-left: 8px;
background-position: -70px -62px;
}
#menu li.ueber-mich.chosen a,
#menu li.ueber-mich a:hover, #menu li.ueber-mich a:focus {
background-position: -70px 0;
}
#menu li.kontakt a {
width: 62px;
background-position: -140px -62px;
margin-left: 8px;
}
#menu li.kontakt.chosen a,
#menu li.kontakt a:hover, #menu li.kontakt a:focus {
background-position: -140px 0;
}
/*-----------------------------------------------------*/
/*--------------------- CSS-Hacks ---------------------*/
/*-----------------------------------------------------*/
.clearfix:after,
#header:after,
#menu:after {
content: ".";
height: 0;
visibility: hidden;
display: block;
clear: both;
} |
|
|
|
|
|
Alex
Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
Verfasst Fr 28.10.2011 14:31
Titel
|
|
|
Hm.. spontan kann ich da keinen groben Fehler entdecken. Mach vielleicht beim #content das padding mal testhalber zum margin.
|
|
|
|
|
immerIch
Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht:
|
Verfasst Fr 28.10.2011 14:33
Titel
|
|
|
Vllt auch nochmal das Html zeigen, so kann man den Aufbau schwer nachvollziehen.
|
|
|
|
|
dOubb.
Threadersteller
Dabei seit: 19.05.2009
Ort: Welver
Alter: 32
Geschlecht:
|
Verfasst Fr 28.10.2011 14:38
Titel
|
|
|
Wenn ich das padding zum margin änder klatscht doch der Text bis an den Rand? Besteht doch kein Innenabstand mehr, oder nicht?
HTML:
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Titel</title>
<meta name="keywords" content="Stichworte" />
<meta name="copyright" content="Urheberrecht" />
<meta name="author" content="Autor" />
<meta name="description" content="Beschreibung" />
<meta name="language" content="de-de" />
<link rel="stylesheet" href="./style/style.css" type="text/css" media="screen, projection" charset="utf-8" />
<script type="text/javascript" src="./script/jquery.js" charset="utf-8"></script>
<script type="text/javascript" src="./script/script.js" charset="utf-8"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><a href="./index.htm">Startseite</a></h1>
<ul id="menu">
<li class="startseite chosen"><a href="./index.htm">Startseite</a></li>
<li class="ueber-mich"><a href="#">Über mich</a></li>
<li class="kontakt"><a href="#">Kontakt</a></li>
</ul>
</div>
<div id="teaser">
<img src="./media/teaser.jpg" class="teaser" alt="Perspektive wechseln. Ideenreich handeln!" title="Meditation, Beratung und Coaching" />
</div>
<div id="content">
<h2 class="willkommen">Herzlich Willkommen</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
<p>(Unterschrift)<br />
Andrea Kremser</p>
</div>
</div>
</body>
</html> |
|
|
|
|
|
immerIch
Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht:
|
Verfasst Fr 28.10.2011 14:40
Titel
|
|
|
Hab mal schnell deinen Quelltext kopiert und lokal getestet, hier klappt alles wunderbar, nur der Text wird markiert.
Welchen Browser verwendest du?
|
|
|
|
|
Alex
Dabei seit: 29.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
Verfasst Fr 28.10.2011 15:33
Titel
|
|
|
Sieht nach Safari aus.
Bei mir funktioniert es auch...
|
|
|
|
|
|
|
|
Ähnliche Themen |
Mit Iphone markierten Text nach onblur markiert lassen
[hrml] typo im markiert-look
Photoshop CS3 Werkzeug Zauberstab markiert nur ganze Ebene!
Firefox zeigt Schrift komisch an
Indesign CS4 Seitenansicht komisch! hilfe!
Flashfarbe in Firefox und ie differiert - komisch?!
|
|