[HTML] Tabelle an Browsergröße anpassen

Dieses Thema im Forum "Webdesign" wurde erstellt von raicoon, 21. April 2011 .

  1. 21. April 2011
    Tabelle an Browsergröße anpassen

    Hallo Leute,
    ich spiel momentan ein wenig an HTML rum. Macht auch eigentlich Spaß bis mn auf ein Problem trifft. >_<'

    Ich hab mir ne Tabelle gebastelt in der mitte vom Browser Fenster. Aber wenn ich nun das Fenster kleiner ziehe soll sich die Tabelle mit ziehen und ab dem Punkt wo der Fenster kleiner als die Tabelle wird eine Scrollleiste kommen.

    Wie mache ich das?

    Bw is drin.

    MfG
     
  2. 21. April 2011
    AW: Tabelle an Browsergröße anpassen

    würde ich eher mit CSS machen als mit HTML. Lies dir mal das durch: SELFHTML: Stylesheets / CSS-Eigenschaften / Tabellenformatierung
     
  3. 21. April 2011
    AW: Tabelle an Browsergröße anpassen

    es geht ganz einfach mit: <table width="100%" height="100%">
     
  4. 21. April 2011
    AW: Tabelle an Browsergröße anpassen

    funland sagt es schon.... du hast die wahl beim tabellenerstellen zwischen festen größen (egal welche auflösung der besucher benutzt), die tabelle wird immer gleich groß sein ODER du benutzt relative größen. das sind dann die % angaben wie fundal schon gesagt hat (da steht die tabelle im bezug zur auflösung des besuchers und passt sich größentechnisch an)
     
  5. 22. April 2011
    AW: Tabelle an Browsergröße anpassen

    Also muss ich einfach mit % hantieren und nicht mit px? Wenn ich das richtig verstehe.
    Denn px gibt ja ne absolute Größe an. Und % gibt das vom der Größe des Browser fensters an.
     
  6. 22. April 2011
    AW: Tabelle an Browsergröße anpassen

    Fast. % gibt die prozentuale Höhe/Briete im Bezug auf das Elternelement an. Dabei MUSS das Elternelement selbst eine bestimmte Höhe/Breite zugewiesen bekommen!
     
  7. 26. April 2011
    AW: Tabelle an Browsergröße anpassen

    Bis hier hin danke iche uch schonma aber irgendwie krieg ichs ums verrecken nicht hin! ):
    Ich weis nemmer weiter. Ich verzweifel gleich!
    Schon so viel probiert aber nix geht. ):
     
  8. 26. April 2011
    AW: Tabelle an Browsergröße anpassen

    hier
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html>
    <head>
    <title>table</title>
    </head>
    
    <body>
    
    <div style="width: 100px; height: 100px;border: 1px solid #f00;">
     <table border="1" style="width: 100%; height: 100%;">
     <tr>
     <td>tbl1</td>
     </tr>
     </table>
    </div>
    
    <div style="width: 100%; height: 400px;border: 1px solid #f00;">
     <table border="1" style="width: 100%; height: 100%;">
     <tr>
     <td>tbl2</td>
     </tr>
     </table>
    </div>
    
    <div style="width: 550px; height: 400px;border: 1px solid #f00;">
     <table border="1" style="width: 50%; height: 50%;">
     <tr>
     <td>tbl3</td>
     </tr>
     </table>
    </div>
    
    </body>
    </html>
    
     
  9. 26. April 2011
    AW: Tabelle an Browsergröße anpassen

    Klappt danke.

    Jetz hab ichs das es sich kleiner zieht aber jetzt ises ned mehr vertikal in der mitte sondern ganz oben in der mitte.

    MfG
     
  10. 27. April 2011
    AW: Tabelle an Browsergröße anpassen

    Bin jetz n bissi weiter.
    Wollte n Webseite machen. Mit Frames aber die Navigationsleiste (2. Frame) zieht es bei einem klick auf eine andere Seite irgendwie immer runter. >_<'
    Woran liegt das?
     
  11. 27. April 2011
    AW: Tabelle an Browsergröße anpassen

    versteh nicht ganz was du meinst.
    hast du dein target richtig?
    zudem frames ist out
     
  12. 27. April 2011
    AW: Tabelle an Browsergröße anpassen

    Ich weis das Frames out sind... aber kb noch css oder son mist zu machen^^ Hab jetz schon html basics unso :/

    Ich versuchs ma zu erklären...
    Also ich hab 3 Frames... Oben (header) links (menü) und rechts das feld der content...
    aber wenn ich im menü auf irgendeinen Punkt klicke... schiebt es sich von alleine 3-4 cm runter und wenn ich nochmal drauf klicke wieder um ein paar cm runter... :/ hab auch ma mein fußball trainer gefragt der kann sowas auch der meinte ich hätte es vllt im falschen frame drinne?! aber wie meint der das?
    zudem hab ich das menü noch in einer kleinen tabelle drinnen aber das is ja eig egal

    MfG
     
  13. 27. April 2011
    AW: Tabelle an Browsergröße anpassen

    das wird dir weiterhelfen:
    SELFHTML: HTML/XHTML / Frames / Verweise bei Frames

    ich kann dir nur empfehlen auf frames zu verzichten.
    spätestens wenn es um suchmaschineoptimierung geht, ist das geschrei groß.

    hier mal ein grundraster:
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html>
    <head>
    <title>2 spalten layout</title>
    <style type="text/css">
    * {
     margin: 0;
     padding: 0;
    }
    body {
     background: #fff;
     color: #000;
     font: 12px Verdana,Arial,"Lucida Grande",Geneva,Helvetica, sans-serif;
    }
    a:link, a:visited, a:hover, a:active {
     text-decoration: none;
     color: #000;
     font-weight: bold;
    }
    a:hover, a.aktiv {
     color: #555;
    }
    #site {
     width: 990px;
     margin: 0 auto;
    }
    #head {
     padding: 12px 0;
     background: #004e83;
     color: #fff;
     text-align: center;
    }
    #menu {
     width: 190px;
     background: #7b8300;
     padding: 10px 0;
    }
    #menu ul {
     list-style: none;
    }
    #menu ul li {
     margin: 0 0 6px 12px;
    }
    #content {
     width: 780px;
     padding: 10px;
     background: #007283;
    }
    #menu, #content {
     float: left;
    }
    </style>
    </head>
    
    <body>
    
    <div id="site">
     <div id="head">head</div>
     <div id="menu">
     <ul>
     <li><a href="#">Nav1</a></li>
     <li><a href="#" class="aktiv">Nav2</a>
     <ul>
     <li><a href="#">Nav2_1</a></li>
     <li><a href="#">Nav2_2</a></li>
     <li><a href="#">Nav2_3</a></li>
     </ul>
     </li>
     <li><a href="#">Nav3</a></li>
     <li><a href="#">Nav4</a></li>
     <li><a href="#">Nav5</a></li>
     </ul>
     </div>
     <div id="content">
     <h1>Lorem ipsum dolor sit amet</h1>
     <p>consectetur adipiscing elit. Sed neque mi, pharetra at porttitor sed, sollicitudin sit amet justo. Integer in nisi posuere mi interdum viverra. Duis ultricies massa ligula, ut viverra odio. Morbi faucibus lacus vel eros bibendum non placerat augue facilisis.</p><p>Maecenas sollicitudin libero a erat molestie vel molestie massa suscipit? Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque nisl enim, lobortis id vulputate quis, venenatis nec turpis. Curabitur sodales lorem sed eros laoreet nec semper quam euismod. Nunc leo sem; faucibus ut sodales id, consectetur nec magna. Cras in nunc ac ipsum eleifend molestie in sit amet ante. Ut sagittis porttitor est id rhoncus? Proin commodo, libero vel tempor convallis; urna eros eleifend eros; vitae malesuada tortor mi vel massa. Sed in orci eleifend augue varius tincidunt at sed dui. Phasellus id odio et erat ornare sagittis.</p>
     </div>
    </div>
    
    </body>
    </html>
    
     
  14. 27. April 2011
    AW: Tabelle an Browsergröße anpassen

    Aber das is css ):
    Hatte eig kein bock noch in css einzusteigen :/
    geht das nich iwie nur mit js? :/
     
  15. 28. April 2011
    AW: Tabelle an Browsergröße anpassen

    mit css sagst du nur welche farben, schriften abstände usw. du haben möchtest.
    das ist kein hexenwerk.
    mit js geht das auch, aber da gibst du auch css an und ist deutlich mehr tipparbeit.
    wenn du noch css in eine datei auslagerst, dann reagieren alle deine seite die du erstellst darauf, das ist magie
    HTML:
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    du hast also eine sehr schlanken code.

    nunja, ich kann mich wahrscheinlich fusselig reden, wenn du auf dem stand von vor 20 jahren bleiben möchtest, ist sicher nicht mein problem
     
  16. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.