Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: HILFE: Dynamisches Hintergrndbild und Textfeld in der Mitte

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

    Standard HILFE: Dynamisches Hintergrndbild und Textfeld in der Mitte

    Hallo,

    ich bräuchte Hilfe bei einem kleinen HTML-Projekt. Und zwar geht es darum, dass das Hintergrundbild sich immer an die Bildschirmgröße anpassen sollte. Und in der Mitte sollte immer eine weiße Fläche sein (Breite 1000px, weil ich auf diese Breite alles andere ausrichte)auf der ich dann die Homepage gestalten möchte. In der Höhe sollten beide Flächen jeweils dem Inhalt angepasst sein, also nur so Hoch wie auch Inhalt auf der Seite ist. Heißt bei 16:9 sieht man links und rechts mehr vom Hintergrund und bei 4:3 halt weniger.

    Ich habe hiermal einen Entwurf gemacht, damit ihr euch das besser vorstellen könnt.



    Es wäre nett wenn mir jemand den nötigen HTML-Code geben würde, sodann ich direkt mit dem Inhalt anfangen kann
    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
    Bandit
    Gast

    Standard AW: HILFE: Dynamisches Hintergrndbild und Textfeld in der Mitte

    Zitat Zitat von ElMillah Beitrag anzeigen
    Es wäre nett wenn mir jemand den nötigen HTML-Code geben würde, sodann ich direkt mit dem Inhalt anfangen kann
    Das kannst du vergessen. In Foren gibt es Hilfe zur Selbsthilfe, aber extrem selten fertigen Quellcode.

    Siehe
    http://www.ohne-css.gehts-gar.net/0055.php
    http://www.ohne-css.gehts-gar.net/0001.php

    - - - Aktualisiert - - -

    Auszug aus den Forenregeln:

    Inhalt von Beiträgen:
    Forum-Hilfe behält sich das Recht vor, jederzeit Beiträge zu löschen, zu verschieben oder zu überarbeiten, die nicht den Forumsregeln entsprechen. Dies geschieht ohne vorherige Information des Verfassers. Die User ist alleine für die von ihnen publizierten Inhalte (Texte; Bilder oder andere Veröffentlichungen) verantwortlich und bestätigt auch damit, das er keine Copyrightgeschütze Werke und Texte hier im Forum veröffentlicht.
    Verboten oder auch unerwünscht sind folgende Inhalte:

    • extrem politisch oder religiös orientierte Postings
    • strafbare, pornographische, jugendgefährdende, beleidigende oder ehrverletzende Inhalte
    • Warez oder fremde copyrightgeschütze Werke
    • E-Mail Adressen
    • Songtexte
    • persönliche Angaben wie Telefonnummern, Adressen usw (diese bitte per PN austauschen)
    • oder anderweitig inakzeptabel Postings, die hier nicht erfasst wurden, aber gegen geltendes Recht, die guten Sitten, allgemeines Moralempfinden oder eben gegen die Forenregeln verstossen.
    • Crosspostings - die gleiche Frage in mehreren anderen Foren gleichzeitig stellen

  3. Folgende User finden die Antwort von Bandit gut:


  4. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    19.09.2014
    Beiträge
    8
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HILFE: Dynamisches Hintergrndbild und Textfeld in der Mitte

    Vielen Dank, bin schon ein gutes Stück weiter. Allerdings stellen sich mir noch 2 Probleme in den Weg.

    1. mein #content bekomme ich nicht automatisch auf meine Bildschrimgröße zentriert. Mit position:relative; zentriert sich #content auf die Originalgröße des Hintergrundbildes ist also garnicht mehr zu finden auf dem Bildschirm :/

    2. Kann ich die Seite nach unten nicht scrollen, also der Inhalt wird einfach abgeschnitten am Ende der Seite.

    Mein Code sieht jetzt wiefolgt aus (hier habe ich #content einen absoluten Abstand zum linken Rand gegeben):

    CSS:

    HTML-Code:
    <style type="text/css">
    html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
    
    #hintergrund {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    }
    
    #content {
    position: absolute;
    left: 300px;
    width: 1000px;
    z-index: 2;
    overflow: auto;
    padding-bottom: 100%;
    background: white;
    }
    </style>
    </head>
    <body>
    
    <img id="hintergrund" src="holz2.jpg" border="0" alt="Hintergrundbild">
    <div id="content">
             Inhalt......
    </div>
    </body>
    So schauts aus:


  5. #4
    Bandit
    Gast

    Standard AW: HILFE: Dynamisches Hintergrndbild und Textfeld in der Mitte

    Code:
    #content {
    width: 1000px;
    margin: 0 auto;
    z-index: 2;
    overflow: auto;
    background: white;
    }

  6. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    19.09.2014
    Beiträge
    8
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HILFE: Dynamisches Hintergrndbild und Textfeld in der Mitte

    Vielen Dank, allerdings bekomme ich jetzt nur noch die Hintergrundgrafik angezeigt

  7. #6
    Bandit
    Gast

    Standard AW: HILFE: Dynamisches Hintergrndbild und Textfeld in der Mitte

    Link zur Seite?

  8. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    19.09.2014
    Beiträge
    8
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HILFE: Dynamisches Hintergrndbild und Textfeld in der Mitte

    Ist alles noch offline und überschaubar, ich habs mal gezipt und hochgeladen.

    Link: HTM.rar

  9. #8
    Bandit
    Gast

    Standard AW: HILFE: Dynamisches Hintergrndbild und Textfeld in der Mitte

    Nicht nur ich werde die Datei nicht downloaden, entpacken und dann nach Fehlern suchen. Wenn du noch keinen Webspace hast, tut es zur Not auch ein Freehoster.

  10. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    19.09.2014
    Beiträge
    8
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HILFE: Dynamisches Hintergrndbild und Textfeld in der Mitte

    Alles Klar Vielen Dank, für den Tipp, hatte an Freehoster gar nicht gedacht.


    - - - Aktualisiert - - -

    Ich bekomme selbst nur die Grafik angezeigt, hier der Quellcode der "Startseite"

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    
    <style type="text/css">
    html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
    
    #hintergrund {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    }
    
    #content {
    width: 1000px;
    margin: 0 auto;
    z-index: 2;
    overflow: auto;
    background: white;
    }
    </style>
    </head>
    <body>
    
    <img id="hintergrund" src="holz2.jpg" border="0" alt="Hintergrundbild">
    <div id="content">
             Inhalt......
    </div>
    </body>
    Geändert von ElMillah (21.09.2014 um 20:15 Uhr)

  11. #10
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: HILFE: Dynamisches Hintergrndbild und Textfeld in der Mitte

    Du sprichst von Hintergrundbild und bindest es als normales Bild ein? Dadurch verdrängst Du jeglichen anderen Content der Seite und siehst - logischerweise - nur noch das Bild.

    Wenn Du ein "bildschirmfüllendes" Hintergrundbild erreichen willst, dann verwende die CSS-Eigenschaften background-image und background-size.

Ähnliche Themen

  1. Hilfe - Textfeld mit HTML Funktionen
    Von MrSamy im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.07.2011, 18:45
  2. dynamisches Menü
    Von NyctalusNoctula im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 01.12.2007, 11:51
  3. Brauche Hilfe bei HTML!!! ( Textfeld nicht anzeigen)
    Von Jeannie im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 30.05.2007, 16:32
  4. Hilfe bei Scrollfenster in der mitte.
    Von unbekannter im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 26.09.2006, 09:05
  5. Need Help!! dynamisches menü
    Von Trigun im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 01.12.2005, 14:58

Stichworte

Berechtigungen

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