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

Thema: Elemente werden abgeschnitten bei kleiner auflösung

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

    Standard Elemente werden abgeschnitten bei kleiner auflösung

    Hallo Leute!
    Ich bin absoluter anfänger mit html und css und versuche mir eine kleine und einfache webseite zu erstellen. Das Problem ist jetzt, wenn ich meine Auflösung verkleinere werden, je nach dem wie klein ich das Browserfenster ziehe, Elemente rechts und links abgeschnitten... Auf meiner Standardauflösung funktioniert alles bestens...
    Wie kann ich das Problem beheben, sodass z.b. scrollbalken da sind, die rechts und links alles sichtbar machen können..
    Ich hoffe ihr versteht mein Problem..
    mfg
    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: Elemente werden abgeschnitten bei kleiner auflösung

    Stelle die Seite, falls noch nicht geschehen, online und poste einen Link, damit wir uns das ansehen können.

    Falls du noch keinen Webspace hast, suche dir einen Freehoster, den du für solche Zwecke nutzen kannst.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    16.02.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Elemente werden abgeschnitten bei kleiner auflösung

    hi, danke, dass das so schnell ging!

    ich bin zwar noch relativ am anfang aber ich möchte dieses darstellungsproblem jetzt beheben bevor es später zu schwer wird
    so sollte die seite bis jetzt aussehen im vollbild (abgesehen dass unten noch bisschen weiss ist!)

    bitte zerreißt mich nicht, ich habe wie gesagt keine erfahrung damit!
    dankeschön schonmal
    Geändert von corny123 (17.02.2012 um 19:10 Uhr)

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    16.02.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Elemente werden abgeschnitten bei kleiner auflösung

    niemand?

    edit: wenn ich meinen "Content" mit width 70% festlege sieht das ganze schon viel besser aus aber halt nicht so wie ich das will^^
    Geändert von corny123 (17.02.2012 um 13:02 Uhr)

  5. #5
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Elemente werden abgeschnitten bei kleiner auflösung

    Bin mir nicht sicher ob du es so möchtest. Einfach mal kopieren und testen.
    Code:
    <!doctype html>
    <html>
    <head>
      <meta charset="utf-8">
      <title> Titel</title>
    
    <style type="text/css">
    
    * {
     margin:0;
     padding:0;
     list-style:none;
     text-decoration:none;
     border:none;
    }
    
    
    #wrapper {
     max-width:60em;
     min-width:760px;
     min-height:100%;
     margin:0 auto;
    }
    
    #kopf {
     text-align: center;
     font-style:oblique;
     font-size: 1.2em;
     letter-spacing: 0.5em;
     word-spacing: 2em;
     height: 150px;
     line-height:10em;
     background: url(headerverlauf.jpg) no-repeat lightblue;
     color: orange;
    }
    
    #navi {
     max-width:60em;
     min-width:760px;
     text-align:center;
     background:#ccc;
     padding:5px;
    }
    
    #navi li {
     list-style: none;
     display: inline;
     font-size: xx-large;
     font-family: monospace;
     font-weight: bold;
     padding:5px;
    }
    
    #navi li a:hover {
     color:red
    }
    
    #navi li a {
     color: white;
     margin-right:60px;
    }
    
    
    
    #links {
     float: left;
     width:33.3%;
     min-height: 500px;
     background-color: green;
    }
    
    #content  {
     float:left;
     width:66.6%;
     min-height: 500px;
     background:url(content.jpg) #ddd;
    } 
    
    #fuss {
     clear:left;
     text-align: center;
     background: #8B8878;
    }
    
        
    </style>
    
    </head>
    <body>
     <div id="wrapper">
      <div id="kopf"> <h1>Ein Titel</h1></div>
    
      <div id="navi">
      <ul>
      <li><a href="http://www.google.de">HOME</a>  </li>
      <li><a href="http://www.google.de">SEITE 2</a>  </li>
      <li><a href="http://www.google.de">SEITE3</a>  </li>
      <li><a href="http://www.google.de">Kontakt</a>  </li>
      </ul>
     </div>
    
     <div id="links"> 
       Weiterf&uuml;hrende Links. 
      </div>
      <div id="content">
       Inhalt
      </div>
     <div id="fuss"> 
      Hier kommt mal das Impressum hin! 
     </div>
    
    </div>
    
    </body>
    </html>

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    16.02.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Elemente werden abgeschnitten bei kleiner auflösung

    hmm, ne nicht so ganz:
    die weiterführenden links sollten nach rechts und der inhaltsdiv links., bei dir ist das genau umgekehrt
    bei mir im browser ist links und rechts viel frei (also weisser rand), kann man das irgendwie füllen?
    aber wenn ich das bei mir halt klein machen , so auf 10x10cm kann ich halt schon nach links und rechts scrollen, es wird nix abgeschnitten, das brauche ich bei mir^^
    danke schonma für deine hilfe

  7. #7
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Elemente werden abgeschnitten bei kleiner auflösung

    Na gut, weil dein Grunglagenwissen fehlt. Die max. Breite kannst du ja noch anpassen. Übrigens 1em sind ca. 16px.
    Hier die Änderungen
    Code:
    #content {
     float: left;
     width:66.6%;
     min-height: 500px;
     background-color: green;
    }
    
    #links  {
     float:left;
     width:33.3%;
     min-height: 500px;
     background:url(content.jpg) #ddd;
    }
    HTML
    Code:
      <div id="content">
       Inhalt
      </div>
    <div id="links"> 
       Weiterf&uuml;hrende Links. 
      </div>
    Nochwas. Warum willst du deine Besucher nötigen horizontal zu scrollen?

  8. #8
    HTML Newbie
    Themenstarter

    Registriert seit
    16.02.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Elemente werden abgeschnitten bei kleiner auflösung

    hmm, weil wenn die seite halt klein gezogen wird, ist die navigation nicht mehr nebeneinander, sondern verteilt sich auf 2 zeilen, dem wollte/will ich entgegen wirken
    ich hatte ja am anfang den "content" auf 1350px gesetzt, das war der fehler, ich hatte den dann ja auf 70% gesetzt und dann lief das halt, bis auf das horizontale scrollen.
    wieso machst du den "links-container" float: left;? das funktioniert bei mir auch ohne
    ist es nötig min-height zu setzen und nicht nur height, wie ich das zuvor hatte? bei mir hat das auch funktioniert ohne min-height

    edit: so sieht das jetzt nur mit der änderung von der fixen px width auf 70% aus

    du siehst ja wenn das fenster klein wird wird aus einer navigationsleiste -> 2 Zeilen
    das will ich mit dem horizon. scrollen verhindern.
    Geändert von corny123 (17.02.2012 um 19:10 Uhr)

  9. #9
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: Elemente werden abgeschnitten bei kleiner auflösung

    Ist aber sehr unflexibel. Naja wirst es schon machen.
    Hier noch etwas Lesestoff. Wenn Interesse beseht.http://little-boxes.de/little-boxes-teil1-online.html

  10. #10
    HTML Newbie
    Themenstarter

    Registriert seit
    16.02.2012
    Beiträge
    7
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Elemente werden abgeschnitten bei kleiner auflösung

    okay danke

Ähnliche Themen

  1. Wordpress Sidebar Problem (Inhalt abgeschnitten)
    Von DarkEmperor im Forum Webanwendungen - Webapplikationen
    Antworten: 0
    Letzter Beitrag: 21.12.2011, 15:47
  2. Seite wird in Safari 3 abgeschnitten
    Von SundanceKid im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.11.2009, 14:41
  3. Browser kleiner ziehen und bild wird auch kleiner
    Von visual im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 01.09.2005, 09:24
  4. bilder werden in tabelle abgeschnitten
    Von nate10# im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 26.08.2005, 11:42
  5. Iframe wird abgeschnitten :/
    Von |o|o im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 13.11.2004, 22:08

Stichworte

Berechtigungen

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