Ergebnis 1 bis 5 von 5

Thema: Das Bild geht über ganzen Bildschirm?

  1. #1
    HTML Newbie
    Registriert seit
    03.09.2010
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Das Bild geht über ganzen Bildschirm?

    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}:

    <!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&ouml;sel - Schweinfurth - Beratungspraxis</h1>
    <h2 id="h2">Beratung - Supervision - Meditation - Vortr&auml;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&auml;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}:


    * {
    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..
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Das Bild geht über ganzen Bildschirm?

    Wegen dieser Kombination mit width: 100%:
    Code:
    #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;
    }
    siehe http://www.ohne-css.gehts-gar.net/0055.php

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    03.09.2010
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Das Bild geht über ganzen Bildschirm?

    Zitat Zitat von sejuma Beitrag anzeigen
    Wegen dieser Kombination mit width: 100%:
    Code:
    #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;
    }
    siehe http://www.ohne-css.gehts-gar.net/0055.php
    Das hilft mir leider nicht weiter!
    wenn du es mir genauer erklären könntest? Ich will das Bild nur in einem div-Berich (id) width:100 % haben! ? Trozdem Danke

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Das Bild geht über ganzen Bildschirm?

    Lösche hier die width und height Angaben:
    Code:
    #bgimg {
    z-index:1;
    border:0;
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    }
    Dann kannst du auch gleich alles drumrum weglassen und das Bild normal als image einbinden.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    03.09.2010
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Das Bild geht über ganzen Bildschirm?

    durch deinen Tipp, kam ich auf eine Idee, habe es gelöst, Dankeschön..

Ähnliche Themen

  1. Fenster bewegt sich über das Bildschirm
    Von !Florian im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 19.02.2009, 00:55
  2. Bildschirm mit Bild ausfüllen
    Von minder im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 02.04.2008, 15:18
  3. Antworten: 0
    Letzter Beitrag: 15.06.2007, 20:06
  4. Tabelle über den ganzen Bildschirm
    Von Jane im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 17.04.2004, 17:42
  5. Tabelle soll nicht über den Bildschirm herausragen
    Von Overspin im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 27.11.2003, 05:05

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •