Hallo Leute!
Ich habe einen Problem. Also, ich kann irgenwie nicht zwei div´s mittich positionieren. Mit dem Kopfbereich und Navi funktioniert, aber die unteren zwei div´s gehen nicht. Wäe nett wenn jemand helfen könnte. Danke im Voraus!
Hier der Code und dazu css:
HTML
<!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>
<title>BK Alte Freunde Duesseldorf</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Onlinepräsentation des Vereins Alte Freunde aus Düsseldorf" />
<meta name="author" content="Dusan Djukic" />
<meta name="keywords" content="alte, freunde, basketball, stari, prijatelji, kosarka, Düsseldorf, yugos" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="kopfbereich">
<img id="amblem" src="bilder/grb.gif" alt="Amblem der Freunde" />
<h1>ALTE FREUNDE DÜSSELDORF</h1>
</div>
<div id="navi">
<ul>
<li><a href="index.html">Startseite</a></li>
<li><a href="team.html">Eure Freunde</a></li>
<li><a href="weg.html">Wo sind wir?</a></li>
<li><a href="geschichte.html">Unsere Geschichte</a></li>
<li><a href="spielberichte.html">Spielberichte</a></li>
<li><a href="gaestebuch.html">Gästebuch</a></li>
<li><a href="media.html">Media</a></li>
<li><a href="impressum.html">Impressum</a></li>
<li><a href="agb.html">AGB</a></li>
</ul>
</div>
<div id="erster_text">
<div id="erster_text1">
<p>Liebe Basketballfreunde, es ist endlich soweit - die "Alten
Freunde Düsseldorf" sind ab jetzt auch im Internet präsent!</p>
<p>Nach mittlerweile 15-jährigem Bestehen wollen wir euch nun einen tieferen
Einblick hinter die Kulissen der "Alten Freunde" gewähren. Ob Spieltermine
und -berichte, Hintergrundinformationen zu Spielern und Verein oder Kontaktmöglichkeiten
mit den Verantwortlichen - hier werdet ihr auf alles eine Antwort finden.</p>
<p>Diesen weiteren Meilenstein im Bestehen unseres Vereins möchten wir an dieser
Stelle auch nutzen, um uns bei all den Freunden zu bedanken, die uns seit 1995 die Treue
gehalten haben und ohne deren Hilfe wir nicht dort wären wo wir jetzt sind.</p>
<p>Wir hoffen euch bald begrüßen zu dürfen, ob als Mitglieder, Spieler,
Zuschauer...oder einfach nur als Freunde!</p>
<p>Euer BK Alte Freunde</p>
</div>
</div>
<div id="heimspiele">
<img id="heimfoto" src="bilder/heimspiele.jpg" alt="Foto der Heimspiele" />
<div id="heimspieletext">Alte Freunde Düsseldorf<br />vs.<br />Lions 2 MG<p>So.
18.04.2010 15Uhr<br />Hansaallee 90, 40547 Düsseldorf</p></div>
</div>
</body>
</html>
Alles anzeigen
und css
Code
html, body
{
background-color: #FF9B60;
}
h1
{
color: #FFFFFF;
font-family: Monotype Corsiva;
letter-spacing: 0.5em;
font-size: 4em;
text-align: center;
line-height: 1em;
}
#navi
{
text-align: center;
background-color: #cc3300;
height: 36px;
width: 750px;
margin: auto;
}
#navi ul
{
list-style: none;
}
#navi li
{
font-family: Arial;
font-size: 12px;
float: left;
margin-left: 2px;
width: auto;
background-color: white;
border-top: 1px orange solid;
border-left: 1px orange solid;
border-bottom: 1px orange solid;
border-right: 1px orange solid;
margin-top: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
}
#navi a:link { color: #000000; text-decoration: none; }
#navi a:visited { color: #000080; text-decoration: none; }
#navi a:focus { color: #EA5D11; text-decoration: none; }
#navi a:hover { color: #FF0000; text-decoration: none; }
#navi a:active { color: #00FF00; text-decoration: none; }
#amblem
{
float: left;
margin: 20px;
}
#kopfbereich
{
background: url(bilder/schatten-kopf.png) repeat-x;
height: 150px;
width: 750px;
margin: auto;
}
#erster_text
{
width: 500px;
height: 480px;
font-family: Arial;
font-size: 17px;
text-align: center;
font-weight: bold;
margin-top: 20px;
margin-right: 2px;
background: url(bilder/erster_text.gif) no-repeat;
float: left;
}
#erster_text1
{
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
}
#heimspiele
{
width: 248px;
height: 300px;
margin-top: 20px;
background: url(bilder/heimspiele1.gif);
}
#heimfoto
{
margin-left: 59px;
margin-top: 60px;
}
#heimspieletext
{
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
text-align: center;
}
#tabelle
{
width: 350px;
height: 470px;
text-align: center;
}
Alles anzeigen