Text im paragraph wird zerschossen wenn ich Teile fette von André Blisse, 20.05.2011 13:28

Text im paragraph wird zerschossen wenn ich Teile fette

André Blisse 20.05.2011 13:28

html

Liebe Forumsmitglieder,

dies ist mein erstes Posting, vorab vielen Dank an alle für die Hilfe und Inspirationen hier!

Zu meinem Problem: Ich habe einen Text in einem DIV in einem paragraph. Sobald ich Teile mit <strong> oder <h2> auszeichne wird der Text zerschossen. Teile rutschen hinter die im Layout veränderte Textstelle. Langes googeln brachte leider keine Hilfe. Nun hoffe ich auf Tipps von euch!

Vielen Dank im Voraus,

André

Hier der betroffene CSS und html-Teil:

* {
margin: 0;
padding: 0;
float: inherit;
}

html, body {
width: 100%;
height: 100%;
font-size: 100.01%;
}

body {
overflow: scroll;
background-image: url(graphics/logo_bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center 10%;
}

body,p,ul,ol,li,h1,h2,h3 {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 14px;
line-height: 19px;
font-weight: normal;
color: #000000;
}

p {
margin: 0;
padding: 0;
text-align: justify;
}

h1 {
font-weight: bold;
color: #971d2d;
margin: 0 0 8px 0;
padding: 0;
}

h2 {
font-weight: bold;
margin: 0;
padding: 0;
}

em {
font-style: italic;
}

strong {
font-weight: bold;
}

ul {
list-style-type: none;
margin:0;
padding:0;
}

li a {
display: block;
width: 170px;
margin:0;
padding-bottom: 1.5em;
text-decoration: none;
}

/* Layout-Container */

#distance {
width: 1px;
height: 50%;
margin-bottom: -300px;
float: left;
}

#wrapper {
position: relative;
clear: left;
left: 0px;
width: 20000px;
height: 600px;
margin: 0 auto;
padding: 0;
}

#line {
position: absolute;
top: 299px;
left: 0px;
margin: 0;
padding: 0;
width: 10000px;
height: 2px;
border-top: 2px solid #DEDEDE;
}

#navi {
position: relative;
float: left;
width: 170px;
margin: 0;
padding: 0 100px 0 30px;
}

.ankervor {
position:relative;
float:left;
height: 600px;
width: 100px;
margin: 0;
padding: 0;
}

.ankerleft {
position:relative;
float:left;
height: 600px;
width: 20px;
margin: 0;
padding: 0;
}

#team {
position: relative;
float: left;
width: 650px;
height: 550px;
margin: 0;
padding: 50px 0 0 0;
overflow: auto;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="favicon.ico" />
<title>axolotl Kommunikation – Startseite</title>
<meta name="description" content="" />
<meta name="keywords" content=""/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="main.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="navi">
<ul>
    <li><a href="index.html">home</a></li>
   <li><a href="axolotl.html">axolotl</a></li>
   <li><a href="#zie">zielgruppe</a></li>
   <li><a href="#kom">kommunikation</a></li>
   <li><a href="#tea">team</a></li>
   <li><a href="#kon">kontakt</a></li>
   <li><a href="#imp">impressum disclaimer</a></li>
</ul>
</div>

<div id="team">
  <h1>Axolotl, das Team I</h1>
  <p>Die Axolotls kommen im Xochoimilco-See und im Chalco-See vor. Das Axolotl Team aus dem Xochoimilco See: <b>André Blisse</b> Jahrgang 1964, Creative Director, 15 Jahre Berufserfahrung in der Werbung als Texter und Teamleiter. Dozent und Coach an der Leuphana Universität Lüneburg für Kommunikation und Selbstmarketing. Sowie: Dozent an der Wirtschaftsakademie Schleswig Holstein; Unternehmensberatung CIC, Creative Innovative Consultants, Lübeck; Filialchef lauritz.com, Hamburg. Magister Artium der angewandten Kulturwissenschaften Erfahrung durch die Arbeit für: Volkswagen, Volkswagen Autostadt, DHL, Dresdner Bank, Beiersdorf Eucerin, Beiersdorf Tesa, Deutsche BA, Olympus, Beate Uhse, SAT1, Schwarzkopf Professional, Leuphana Universität Lüneburg, Regus Business Center, Essilor, Electrolux, Sony … Architekturbüro Morawe-Krüger, NordASTravel, Bruch Architekten, Leuphana Professional School, Leuphana Frauen- und Gleichstellungsbüro, Tafelfeste, Golfresan, Ivonne Schmal Ernährungsberatung … Stationen auf dem Weg zu Axolotl Kommunikation: andré blisse concept, Lübeck; Fritsch Heine Rapp Collins, Hamburg; FCB/Wilkens Direct, Hamburg; Frahm und Wandelt, Hamburg; Bozell Direct Friends, Hamburg</p><p><a href="#anker">zum anfang</a></p>
</div>
<div class="ankervor">
</div>
<div class="ankerleft">
   <h4><a  name="tea" id="tea"> </a></h4>
</div>

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

André Blisse: Text im paragraph wird zerschossen wenn ich Teile fette

Beitrag lesen

Text im paragraph wird zerschossen wenn ich Teile fette

Text im paragraph wird zerschossen wenn ich Teile fette