Hallo, ich habe ein Problem. Warum spannt sich das Bild "rzg.jpg" über den ganzen Bildschirm? Ich gebe dazu mal meinen Quellcode bei. Ach ja, in meinem Programm "Webocton - Scriptly" in der Browservorschau wird es angezeigt wie ich es gern hätte.. nur wenn ich es im normal Browser öffne nicht
Wir können auch gern per E-Mail Kontakt aufnehmen..
Html-Code: {index.htm}:
HTML-Code:
<!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" xml:lang="de" lang="de">
<head>
<title>Christ-Hompage</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="bg">
<img id="bgimg" src="rzg.jpg"/>
<div id="bgtxt">
<h1 id="h1">Jösel - Schweinfurth - Beratungspraxis</h1>
<h2 id="h2">Beratung - Supervision - Meditation - Vorträge</h2>
</div>
<div id="steurung">
<ul>
<li><a href="index.htm">Willkommen</a></li>
<li><a href="zurperson.htm">zur Person</a></li>
<li><div class="gelb"><a href="beratung.htm">Beratung</a></div></li>
<li><div class="gelb"><a href="supervision.htm">Supervision</a></div></li>
<li><div class="gelb"><a class="gelb" href="mediation.htm">Mediation</a></div></li>
<li><div class="gelb"><a class="gelb" href="vortragstaetigkeit.htm">Vortragstätigke it</a></div></li>
<li><a href="kontakt.htm">Kontakt</a></li>
<li><a href="impressum.htm">Impressum</a></li>
</ul>
</div>
<div id="inhalt">
<p class="bold">Herzlich Willkommen</p><p>auf der<br /><span class="bold">Internetseite der Beratungspraxis Christa Jösel- Schweinfurth</span></p>
<p>In 77704 Oberkirch-Zusenhofen , Hohlbäumle 1</p>
<p id="viersaetze">Fällst du<br />
siebenmal hin,<br />
so stehe<br />
achtmal wieder auf.</p>
<p id="willkommentext">Seit 20 Jahren arbeite ich in der Beratung und Begleitung von Menschen in, unterschiedlichen Berufsfelder, mit unterschiedlichen Fragestellungen und Problemen.<br />
Besonders, wichtig ist mir dabei, die Achtung vor den Ratsuchenden, ihrem einmaligen Schicksal und ihrem eigenen Lösungsstrategien.<br />
Ich arbeite ressourcenorientiert und begleite die Menschen und auf „i h r e m W E G“, oder leite sie an den eigenen zu finden und ihn so bald als möglich allein weiter zu gehen.<br />
Durch meine verschieden Ausbildungen, Studien, Fort- und Weiterbildungen habe ich ein großes Repertoire an methodischen Möglichkeiten zur Hand.<br />
Doch im Mittelpunkt steht der einzelne Mensch und sein ganz individueller Lebensweg, sein wachsen und reifen an Schwierigkeiten und Konflikten.<br />
Ich mache Mut zum Aufstehen und Weitergehen; fällst du siebenmal hin, so stehe achtmal wieder auf.</p>
</div>
</body>
</html>
Meine Css-Datei {style.css}:
HTML-Code:
* {
margin:0;
padding:0;
}
html, body {
}
/*Überschrift&mehr*/
#bg {
margin:0;
padding:0;
width:100%;
height:81px;
overflow:hidden;
z-index:1;
}
#bgimg {
z-index:1;
border:0;
position:absolute;
width:100%;
height:100%;
z-index:1;
}
#bgtxt {
z-index:2;
position:relative;
}
#h1 {
color: #B80000;
text-align:center;
font-size:250%;
}
#h2 {
color: #FFDF00;
text-align:center;
font-size:200%;
}
/*Überschrigt&mehrEnde*/
/*Steurung*/
#steurung {
position:relative;
background-color: #000000;
float:left;
width:210px;
height:640px;
z-index:2;
}
#steurung ul {
list-style:none;
}
#steurung li{
position:relative;
vertical-align:middle;
width:170px;
border-left:15px #FF25FF solid;
border-right: 1px black solid;
border-top: 1px black solid;
border-bottom: 1px black solid;
background-color: #CCCCCC;
margin:10px;
}
.gelb {
background-color: #EADD00;
}
#steurung a { font-size: 20px; vertical-align:middle; }
#steurung a:link { color:red; text-decoration:none; }
#steurung a:visited { color:red; text-decoration:none; }
#steurung a:focus { color:red; text-decoration:none; }
#steurung a:hover { color:red; text-decoration:none; }
#steurung a:active { color: orange; text-decoration:none; }
/*SteurungEnde*/
/*Inhalt*/
#inhalt {
position:relative;
text-align:center;
font-size:20px;
font-family:"Times New Roman";
padding:30px;
z-index:2;
}
.bold {
font-weight:bold;
}
#viersaetze {
position: relative;
text-align:center;
font-weight:bolder;
background-color: #D8D8D8;
border:black solid 1px;
width:300px;
height:200%;
font-size:30px;
margin:20px;
z-index:2;
}
#willkommentext {
text-align:center;
width: 600px;
z-index:2;
position:relative;
} Hofe ihr könnt mir helfen!
P.S.: ich habe mich erst heut hier im Forum angemeldet..!
Hoffe ich kann euch auch helfen..
03.09.2010, 19:49
Das Bild geht über ganzen Bildschirm? 
! 
Ähnliche Themen