Div will nicht scrollen

smilla · 09.01.2011, 17:41

Hi,

ich habe ein Div mit einer festen Breite, wo ich eine breitere Tabelle reinmachen will. Weil die Tabelle breiter ist, muss das div Scrollbar sein (also nach rechts scrollen).

Ich habe mein HTML Code auf ein minimum reduziert, um Fehler auszzuschließen, aber es klappt nicht. Hier mein Beispiel:

Code:

<div style="border : solid 2px #ff0000; background : #ffffff; padding : 4px; width : 500px; height : 200px; overflow : auto;  ">
      <table border="0" cellspacing="0" cellpadding="2">
         <tr>
                <td width="1600px" align="left" bgcolor="#CCCCCC">Portal Portal Portal Portal Portal Portal Portal Portal Portal Portal Portal Portal </td>
         </tr>
       </table>  
      </div>

Ja die Frage ist, wieso ich das nicht nach rechts scrollen kann. Wenn die Höhe nicht stimmt, soll man natürlich auch nach unten scrollen können. Habe leider kein Plan, wieso das nicht geht.

Trainmaster · 09.01.2011, 18:11

Der HTML-Tag <td> hat kein Attribut "width". Stattdessen solltest du die "width" der <table> festlegen.

smilla · 09.01.2011, 18:17

Danke für den Tipp das hat geholfen.

Also wenn ich in Dremweaver für einzelne Spalten eine breite setze, macht er dies am td tag. Bisher klappte das sonst auch immer.

Aber nun scrollt er, nach dem ich der Tabelle eine breite gegeben habe.

Trainmaster · 09.01.2011, 22:20

Unter Umständen mag ein "width"-Attribut bei einem td-Tag noch funktionieren, das ist abhängig vom Doctype. Verlasse dich keineswegs auf Dreamweaver (welche Version?), sondern werfe einen Blick auf seriöse Webseiten, z.B. http://www.w3schools.com/TAGS/tag_td.asp . Dort kannst du nachlesen, welche Attribute bei welchem Doctype gültig sind. Generell kannst du dir angewöhnen, dass bspw. "height" und "width" über CSS gelöst werden und nicht mehr direkt als Attribut notiert werden.

nikosch · 09.01.2011, 22:57

Das HTML-Attribut width kennt keine px-Einheit. Und natürlich ist width für TDs gültig.

Jens Clasen · 10.01.2011, 01:19

Zitat:

Zitat von nikosch

Und natürlich ist width für TDs gültig.

Gültig zwar ja, aber schon seit HTML 4 deprecated.

Gruß Jens

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Inhalt im Textfeld per Mausklick scrollen	goodie	JavaScript, Ajax und mehr	1	18.11.2010 10:46
[Erledigt] IM Div Scrollen	Lollix	JavaScript, Ajax und mehr	0	01.01.2010 17:06
Js kalender zerschießt Frames + Button bei scrollen	kid01	HTML, Usability und Barrierefreiheit	4	06.08.2007 14:53
FF: scrollen an inhalt anpassen		PHP Tipps 2007	2	21.12.2005 14:17
Js - Div Scrollen	Buhmann	HTML, Usability und Barrierefreiheit	0	18.11.2005 21:49
iframe scrollen unterbinden	md5hash	HTML, Usability und Barrierefreiheit	1	18.10.2005 03:42
Tabellenzeile scrollen		HTML, Usability und Barrierefreiheit	12	17.08.2005 12:44
Scrollen		HTML, Usability und Barrierefreiheit	15	11.08.2005 14:02
nach unten scrollen one scrollschieber an der seite?	$$$ ThiKool $$$	HTML, Usability und Barrierefreiheit	4	31.07.2005 12:19
[Erledigt] Scrollen im div-Bereich		HTML, Usability und Barrierefreiheit	1	01.07.2005 13:41
Navigation beim scrollen mit bewegen		HTML, Usability und Barrierefreiheit	8	23.05.2005 15:13
[Erledigt] Text scrollen lassen		HTML, Usability und Barrierefreiheit	1	31.07.2004 20:56
[Erledigt] automatisch scrollen		HTML, Usability und Barrierefreiheit	2	17.07.2004 13:39
Scrollen in einem Fenster		HTML, Usability und Barrierefreiheit	12	21.06.2004 12:23
Frage zu Scrollen		PHP Tipps 2004	4	06.06.2004 20:35

09.01.2011, 17:41
smilla Erfahrener Benutzer Registriert seit: 09.11.2008 Beiträge: 200	Div will nicht scrollen Hi, ich habe ein Div mit einer festen Breite, wo ich eine breitere Tabelle reinmachen will. Weil die Tabelle breiter ist, muss das div Scrollbar sein (also nach rechts scrollen). Ich habe mein HTML Code auf ein minimum reduziert, um Fehler auszzuschließen, aber es klappt nicht. Hier mein Beispiel: Code: <div style="border : solid 2px #ff0000; background : #ffffff; padding : 4px; width : 500px; height : 200px; overflow : auto; "> <table border="0" cellspacing="0" cellpadding="2"> <tr> <td width="1600px" align="left" bgcolor="#CCCCCC">Portal Portal Portal Portal Portal Portal Portal Portal Portal Portal Portal Portal </td> </tr> </table> </div> Ja die Frage ist, wieso ich das nicht nach rechts scrollen kann. Wenn die Höhe nicht stimmt, soll man natürlich auch nach unten scrollen können. Habe leider kein Plan, wieso das nicht geht.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

09.01.2011, 18:11
Trainmaster Erfahrener Benutzer Registriert seit: 25.05.2010 Beiträge: 852 PHP-Kenntnisse: Anfänger	Der HTML-Tag <td> hat kein Attribut "width". Stattdessen solltest du die "width" der <table> festlegen.

09.01.2011, 18:17
smilla Erfahrener Benutzer Registriert seit: 09.11.2008 Beiträge: 200	Danke für den Tipp das hat geholfen. Also wenn ich in Dremweaver für einzelne Spalten eine breite setze, macht er dies am td tag. Bisher klappte das sonst auch immer. Aber nun scrollt er, nach dem ich der Tabelle eine breite gegeben habe.

09.01.2011, 22:20
Trainmaster Erfahrener Benutzer Registriert seit: 25.05.2010 Beiträge: 852 PHP-Kenntnisse: Anfänger	Unter Umständen mag ein "width"-Attribut bei einem td-Tag noch funktionieren, das ist abhängig vom Doctype. Verlasse dich keineswegs auf Dreamweaver (welche Version?), sondern werfe einen Blick auf seriöse Webseiten, z.B. http://www.w3schools.com/TAGS/tag_td.asp . Dort kannst du nachlesen, welche Attribute bei welchem Doctype gültig sind. Generell kannst du dir angewöhnen, dass bspw. "height" und "width" über CSS gelöst werden und nicht mehr direkt als Attribut notiert werden.

09.01.2011, 22:57
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Das HTML-Attribut width kennt keine px-Einheit. Und natürlich ist width für TDs gültig. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --