overflow bei div im ie streikt

me · 20.02.2006, 20:42

Hallo,

ich hab da ein div-container der bei zuviel inhalt scrollbar sein soll, das hab ich gemacht indem ich dem div-container im style-tag "overflow:auto;" gesagt habe und dem eine feste größe zugewiesen habe.

im firefox und im opera funktioniert das bestens nur im ie nicht.
da erscheint nichtmal ne scrollbar über die ganze seite...gar nichts halt.

kennt das problem jemand

XLB · 20.02.2006, 21:41

N'Abend ...

Poste mal den relevanten Code, bitte ...

noskule · 21.02.2006, 11:31

hast du eine breite angegeben? Soweit ich das rausgefunden funktioniert overflow:hidden bei explorer nur mit definierten breiten

also:

width:300px;
overflow:auto;

grz nos

me · 21.02.2006, 13:40

der div ist 100% breit und hat auch ne feste größe (durch eine tabelle aussenrum), weis aber nicht genau wie hoch. ich wollte den relevante code heuteabend nochmal rausfriemeln, dann kann man sich sicher ein besseres Bild machen.

aber mit overflow:hidden; gehts nicht im firefox (und weiter hab ich das auch gar nicht getestet)

me · 05.03.2006, 20:35

hehe, tschuldigung für die etwas verspätete antwort...

Code:

<table width="100%" height="100%">
    <tr>
    	<td height="200px">
    		inhalt oben
    	</td>
    </tr>
    <tr>
        <td width="100%">
            <div width="100%" style="overflow:auto;">
               teeeeeeeeee...eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeest
            </div>
        </td>
    </tr>
    <tr>
    	<td height="200px">
    		inhalt unten
    	</td>
    </tr>
</table>

(erweitert das teeeee...eeest um ein paar e's damit das wort den rahmen des Browsers sprengt, ich wollte das Forum nicht unnötig verbreitern)

So, das ist der code auf nötigste reduziert.
Opera und Firefox stellen die Seite richtig dar, also mit Scrollbar im div.
Nur Internet Explorer zeigt die Scrollbar nicht im div sondern an der unteren Browserkante an und scrollt den gesamten content...

kann das jemand nachvollziehen?

DER_Brain · 06.03.2006, 17:01

Hallo...

Was bei mir funktioniert:

Code:

<table width="100%" height="100%">
    <tr>
       <td height="200px">
          inhalt oben
       </td>
    </tr>
    <tr>
        <td width="100%">
            <div style="height:400px;width:800px; overflow:auto;">
               teeeeeeeeeeeeeee...eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeest
            </div>
        </td>
    </tr>
    <tr>
       <td height="200px">
          inhalt unten
       </td>
    </tr>
</table>

height und width in style attribut packen und dann ne größe in px geben...

getestet: FF und IE

mfg
Andi

me · 06.03.2006, 20:13

hmm, jagut. das stimmt. mit ner festen breite gehts. das problem ist das der div über den ganzen bildschirm gehen muss. und das schließt eine Feste breite aus.
danke trotzdem

06.03.2006, 20:55

Hallo,

erstmal würde ich den HTML-Code validieren, overflow funktioniert auch bei %-Angaben
allerdings wenn alles 100% ist, dann funktioniert das ja nicht, weil 100% von was ?
table height=100% geht natürlich nicht, zulässig wären 90%, 60% oder 30%
ausserdem berechnet der IE die Prozentangaben anders als der firefox.

Code:

  <tr height="30%" >
        <td width="100%">
            <div  style="width:100%;height:100%;overflow:auto;">

witzige Effekt übrigens:
mal ins div klicken und die Seite scrollen, d.h. der scrollbalken kann sich auch verstecken..

Code:

    <tr height="30%" >
        <td width="100%">
            <div width="100%"  style="width:100%;height:100%;overflow:auto;padding:10px;margin:10%;">

und damit es auch die anderen Browser können:

Code:

    <tr height="30%" >
        <td width="100%">
            <div width="100%"  style="position:relative;width:100%;height:100%;overflow:auto;max-height:200px;">

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
style = overflow mit dem ie probleme	sysop	HTML, Usability und Barrierefreiheit	2	14.10.2006 19:05
Absolute-Divbereiche funktionieren nicht in Overflow Div	PsychoEagle	HTML, Usability und Barrierefreiheit	6	27.03.2006 13:59
[C++] double overflow, long double	Zergling-new	Off-Topic Diskussionen	2	10.01.2006 18:28
[Erledigt] Firefox streikt		HTML, Usability und Barrierefreiheit	15	30.12.2005 10:19
mod_rewrite streikt (xampp)	md5hash	Server, Hosting und Workstations	13	04.12.2005 11:58
overflow in Linux	tikal	HTML, Usability und Barrierefreiheit	3	22.09.2005 09:16
FTP-Upload streikt?		PHP Tipps 2005-2	5	04.08.2005 23:33
[Erledigt] overflow		HTML, Usability und Barrierefreiheit	5	16.07.2005 12:52
(f)PDF: Internetexplorer streikt		PHP Tipps 2005	11	09.04.2005 22:03
mausrad bei CSS overflow	Stümper	HTML, Usability und Barrierefreiheit	4	12.02.2005 18:25
parser stack overflow kann ich den php speicher erweitern ?		PHP Tipps 2005	2	24.01.2005 10:01
Neues XAMPP, MySql streikt!!!		Datenbanken	7	12.12.2004 16:04
Problem mit overflow		HTML, Usability und Barrierefreiheit	0	31.07.2004 10:16
Stack overflow		PHP Tipps 2004	7	11.06.2004 18:38
overflow....height: auto;		HTML, Usability und Barrierefreiheit	2	06.06.2004 12:16

20.02.2006, 20:42
me Benutzer Registriert seit: 24.08.2004 Beiträge: 86	overflow bei div im ie streikt Hallo, ich hab da ein div-container der bei zuviel inhalt scrollbar sein soll, das hab ich gemacht indem ich dem div-container im style-tag "overflow:auto;" gesagt habe und dem eine feste größe zugewiesen habe. im firefox und im opera funktioniert das bestens nur im ie nicht. da erscheint nichtmal ne scrollbar über die ganze seite...gar nichts halt. kennt das problem jemand __________________ enotiz der ultimative Online-Notizzettel


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

20.02.2006, 21:41
XLB Erfahrener Benutzer Registriert seit: 31.07.2005 Beiträge: 1.126 PHP-Kenntnisse: Fortgeschritten	N'Abend ... Poste mal den relevanten Code, bitte ...

21.02.2006, 11:31
noskule Benutzer Registriert seit: 04.01.2005 Beiträge: 65	hast du eine breite angegeben? Soweit ich das rausgefunden funktioniert overflow:hidden bei explorer nur mit definierten breiten also: width:300px; overflow:auto; grz nos

21.02.2006, 13:40
me Benutzer Registriert seit: 24.08.2004 Beiträge: 86	der div ist 100% breit und hat auch ne feste größe (durch eine tabelle aussenrum), weis aber nicht genau wie hoch. ich wollte den relevante code heuteabend nochmal rausfriemeln, dann kann man sich sicher ein besseres Bild machen. aber mit overflow:hidden; gehts nicht im firefox (und weiter hab ich das auch gar nicht getestet) __________________ enotiz der ultimative Online-Notizzettel

05.03.2006, 20:35
me Benutzer Registriert seit: 24.08.2004 Beiträge: 86	hehe, tschuldigung für die etwas verspätete antwort... Code: <table width="100%" height="100%"> <tr> <td height="200px"> inhalt oben </td> </tr> <tr> <td width="100%"> <div width="100%" style="overflow:auto;"> teeeeeeeeee...eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeest </div> </td> </tr> <tr> <td height="200px"> inhalt unten </td> </tr> </table> (erweitert das teeeee...eeest um ein paar e's damit das wort den rahmen des Browsers sprengt, ich wollte das Forum nicht unnötig verbreitern) So, das ist der code auf nötigste reduziert. Opera und Firefox stellen die Seite richtig dar, also mit Scrollbar im div. Nur Internet Explorer zeigt die Scrollbar nicht im div sondern an der unteren Browserkante an und scrollt den gesamten content... kann das jemand nachvollziehen? __________________ enotiz der ultimative Online-Notizzettel

06.03.2006, 20:13
me Benutzer Registriert seit: 24.08.2004 Beiträge: 86	hmm, jagut. das stimmt. mit ner festen breite gehts. das problem ist das der div über den ganzen bildschirm gehen muss. und das schließt eine Feste breite aus. danke trotzdem __________________ enotiz der ultimative Online-Notizzettel

06.03.2006, 20:55
Gast Beiträge: n/a	Hallo, erstmal würde ich den HTML-Code validieren, overflow funktioniert auch bei %-Angaben allerdings wenn alles 100% ist, dann funktioniert das ja nicht, weil 100% von was ? table height=100% geht natürlich nicht, zulässig wären 90%, 60% oder 30% ausserdem berechnet der IE die Prozentangaben anders als der firefox. Code: <tr height="30%" > <td width="100%"> <div style="width:100%;height:100%;overflow:auto;"> witzige Effekt übrigens: mal ins div klicken und die Seite scrollen, d.h. der scrollbalken kann sich auch verstecken.. Code: <tr height="30%" > <td width="100%"> <div width="100%" style="width:100%;height:100%;overflow:auto;padding:10px;margin:10%;"> und damit es auch die anderen Browser können: Code: <tr height="30%" > <td width="100%"> <div width="100%" style="position:relative;width:100%;height:100%;overflow:auto;max-height:200px;">