#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 + Multi-Zitat Zitieren
#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 + Multi-Zitat Zitieren
#3 21. April 2011 AW: Tabelle an Browsergröße anpassen es geht ganz einfach mit: <table width="100%" height="100%"> + Multi-Zitat Zitieren
#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) + Multi-Zitat Zitieren
#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. + Multi-Zitat Zitieren
#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! + Multi-Zitat Zitieren
#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. ): + Multi-Zitat Zitieren
#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> + Multi-Zitat Zitieren
#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 + Multi-Zitat Zitieren
#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? + Multi-Zitat Zitieren
#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 + Multi-Zitat Zitieren
#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 + Multi-Zitat Zitieren
#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> + Multi-Zitat Zitieren
#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? :/ + Multi-Zitat Zitieren
#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 + Multi-Zitat Zitieren