nicht angemeldet
Mhhh erstmal danke, durfte ja kein neuen Theard machen also gehts hier weiter!
Das Problem gibts immernoch da es mit dem floating, warum auch immer, nicht geklappt hat.
Hab mich dann entschieden das ganze einfach über einen Positionsverweis anzugeben, was auf der normalen Bildschirmgröße auch toll klappt.
Problematisch wird es wenn der Bildschirm kleiner ist, dann überlappen die Texte und das ganze schaut nicht mehr wirklich gut aus.
Ich weiß nicht was für Alternativen es noch gibt, bzw. ob man die absolute Position ändern kann, so das die Abstände nie verändert werden.
Danke schon mal, hier jetzt der neue Quelltext:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.body1 { margin-left:20%; margin-right:80%; margin-top:0%; }
.body2 { margin-left:20%; margin-right:80%; margin-top:0%; }
.body3 { position:absolute ; top:220px; left:200px;}
.style1 {
font-family: "Bell Gothic Std Light";
color: #BABABA;
font-weight: bold;
font-size: 24px;
}
</style>
</head>
<body>
<div align="center" class="body1"><img src="banner.jpg" width="708" height="188" alt="Banner" /></div>
<div class="body2">
<p class="style1 ">Home</p>
<p class="style1 ">News</p>
<p class="style1 ">Programm</p>
<p class="style1 ">Teilnehmer</p>
<p class="style1 ">Kontakt</p>
</div>
<p class="style1 body3">ewiohgerozheprhoktrjprtküjrtjpk</p>
</body>
</html>