Ergebnis 1 bis 5 von 5

Thema: Website, welche nicht über den sichtbaren Bereich herausragt

  1. #1
    Youngster
    Registriert seit
    29.11.2013
    Beiträge
    11
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard Website, welche nicht über den sichtbaren Bereich herausragt

    Hallo zusammen.
    ich will eine Website machen, die nicht über den Bildschirm hinaus geht.
    Sprich, dass kein Element über den sichtbaren Bereich herausragt und es auf keinen Fall Scrollbalken gibt.
    Mit Freundlichen Grüßen, xtechnix
    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
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Website, welche nicht über den sichtbaren Bereich herausragt

    Und wo genau hakt es jetzt bei der Umsetzung?

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    29.11.2013
    Beiträge
    11
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Website, welche nicht über den sichtbaren Bereich herausragt

    Das nicht alles auf der Website flexibel sein kann und es so Probleme gibt. Sprich die Buttons sollen immer gleich groß sein aber das Bild darunter muss flexibel sein. Sagen wir, wenn die Seite im Browser 500px Hoch ist und die Buttons 50 px weg nehmen, wie kriege ich es hin, das das Element in diesem Fall 450px groß ist, wenn die Seite aber 100px Hoch angezeigt wird, die Elemente dann 950px hoch sind?

  4. #4
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Website, welche nicht über den sichtbaren Bereich herausragt

    Also so in etwa:

    HTML-Code:
    <!DOCTYPE HTML>
    <html lang="de">
      <head>
      <meta charset="UTF-8">
      <title>test</title>
      
      <style>
      * {
        -moz-box-sizing: border-box; 
        -webkit-box-sizing: border-box; 
        box-sizing: border-box;
      }
      html, body{
        height: 100%;
        margin: 0;
        overflow: hidden;
      }
      header {
        height: 50px;
      }
      button {
        height: 50px;
        width: 100px;
        font-size: 1.6em;
      }
      section {
        background: url("http://lorempixel.com/1800/1200/sports/") no-repeat center center fixed; 
        background-size: cover;
        height: 90%;
        height: calc(100% - 50px);
      }
      </style>
      
      </head>
      
      <body>
          <header>
              <button>blubb
              </button>
          </header>
          <section>
          </section>
      </body>
    </html>
    

  5. Folgende User finden die Antwort von explanator gut:


  6. #5
    Youngster
    Themenstarter

    Registriert seit
    29.11.2013
    Beiträge
    11
    Danke
    3
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Website, welche nicht über den sichtbaren Bereich herausragt

    Danke!

Ähnliche Themen

  1. Welche Mgölichkeiten gibt es über einen Broswer ein Bild abzuspeichern?
    Von Teron Gerofied im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 3
    Letzter Beitrag: 25.06.2009, 01:52
  2. Fester Bereich, der sich nicht immer mit lädt?
    Von micmac im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 24.07.2008, 22:04
  3. Bereich in einem Eingabefeld nicht löschbar
    Von OliverN26 im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 16.04.2007, 18:43
  4. Administrator-Bereich in Website integrieren.
    Von Tikonteroga im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 01.01.2007, 10:53
  5. Antworten: 2
    Letzter Beitrag: 24.02.2005, 01:35

Stichworte

Berechtigungen

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