Ergebnis 1 bis 4 von 4

Thema: Design zerissen

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

    Standard Design zerissen

    HI kann mir einer bitte sagen, warum das Design zerissen ist? im Emulator von Chrome (wenn ich es mit Handyversionen anschaue) passt die Seite, wenn ich sie mit dem normalen Browser anschaue, wird die Seite zerissen warum?

    Hab beim letzten Div die spalte2reihe3 ausgeblendet, dann passt zum. die linke Spalte, sobald ich aber die spalte2reihe3 wieder einblende zereisst es die Seite.

    Bilder im Anhang.

    http://www.benwillgruber.com/stefanseite/test/index.php --> damit man es vl. besser versteht was ich meine

    HTML-Code:
    <!DOCTYPE html>
    <html lang = "de">
     <head>
      <title>Test</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta charset = "utf-8">
      <link rel = "stylesheet" href = "./css/style.css">
     </head>
     <body>
      <div id = 'reihe1'>
       <div id = 'spalte1reihe1'>
       </div>
       <div id = 'spalte2reihe1'>
       </div>
       <div id = 'spalte3reihe1'>
       </div>
      </div>
      <div id = 'reihe2'>
       <div id = 'spalte1reihe2'>
       </div>
       <div id = 'spalte2reihe2'>
       </div>
       <div id = 'spalte3reihe2'>
       </div>   
      </div>
      <div id = 'reihe3'>
       <div id = 'spalte1reihe3'>
       </div>
       <div id = 'spalte2reihe3'>
       </div>
       <div id = 'spalte3reihe3'>
       </div>   
      </div>
      <div id = 'reihe4'>
       <div id = 'spalte1reihe4'>
       </div>
       <div id = 'spalte2reihe4'>
       </div>
       <div id = 'spalte3reihe4'>
       </div>   
      </div>
     </body>
    </html>
    CSS:
    Code:
    * { box-sizing: border-box;}
    
    
    body {
     background-color: #3C3C3B; /* Dunkel Grau */
     padding: 0px;
     margin: 0px;
    }
    
    
    /* Willkommenseite */
    
    
    #spalte1reihe1 {
     width: 25vw;
     height: 25vh;
     float: left;
     background-color: #ECECEC; /* Grau */
    }
    
    
    #spalte2reihe1 {
     width: 50vw;
     height: 25vh; 
     float: left;
     background-color: #ffffff;
    }
    
    
    #spalte3reihe1 {
     width: 25vw;
     float: left;
     height: 25vh;
     background-color: #ECECEC; /* Grau */
    }
    
    
    #spalte1reihe2 {
     width: 25vw;
     height: 19vh;
     float: left;
     background-color: #2DAB66; /* Grün */
    }
    
    
    #spalte2reihe2 {
     width: 50vw;
     height: 19vh; 
     float: left;
     background-color: #ECECEC; /* Grau */
    }
    
    
    #spalte3reihe2 {
     width: 25vw;
     float: left;
     height: 19vh;
     background-color: #2DAB66; /* Grün */
    }
    
    
    #spalte1reihe3 {
     width: 25vw;
     height: 19vh;
     float: left;
     background-color: #ECECEC; /* Grün */
    }
    
    
    #spalte2reihe3 {
     width: 50vw;
     height: 19vh;
     float: left;
     background-color: #ffffff; /* Grün */
    }
    
    
    #spalte3reihe3 {
     width: 25vw;
     height: 19vh;
     float: left;
     background-color: #ECECEC; /* Grün */
    }
    
    
    #spalte1reihe4 {
     width: 25vw;
     height: 25vh;
     float: left;
     background-color: #ECECEC; /* Grau */
    }
    
    
    #spalte2reihe4 {
     width: 50vw;
     height: 25vh; 
     float: left;
     background-color: #ffffff;
    }
    
    
    #spalte3reihe4 {
     width: 25vw;
     float: left;
     height: 25vh;
     background-color: #ECECEC; /* Grau */
    }
    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 !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Interessierte/r
    Registriert seit
    03.02.2010
    Ort
    Wanne-Eickel
    Alter
    48
    Beiträge
    125
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Design zerissen

    ohne das ich wirklich verstehe was genau du meinst -

    eine ganz schöne div-Suppe

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

  4. #4
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.151
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Design zerissen

    Bei Crossposting halt nicht beschweren, die Leute rausschmeißen. Wäre nur nach den Forenregeln konsequent, oder?

    Aber ihr trollt euch da ja auch rum
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

Ähnliche Themen

  1. Layout zerissen nach Einfügen von Hovern
    Von Fangbangers Germany im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 18.08.2011, 16:11
  2. Hilfe Cssjavascript wird in Bookmark services zerissen
    Von Jinjo52 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 13.04.2010, 19:40
  3. Design
    Von Macrosdesign im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 18
    Letzter Beitrag: 10.08.2008, 17:49
  4. Design- und Programmier-Wettbewerb (Bestes Design wird prämi
    Von deaggi im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 1
    Letzter Beitrag: 26.08.2003, 14:49

Stichworte

Berechtigungen

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