[GELÖST] CSS - Div 100% - Inhalt scrollbar

brandy · 30. Januar 2012 18:52

Hab jetzt Klenkes Code vor dem </body>-Tag eingefügt, aber funktionieren tut die automatische Größenänderung nicht...

Klenkes · 31. Januar 2012 23:33

Dein im Originalpost angeführter Link ist offensichtlich nicht mehr aktuell.

Hast du etwas Aktuelles zum an- oder reingucken?

brandy · 31. Januar 2012 08:25

Ist der richtige - aber ich hab den Code rausgebaut, wart ich bau ihn schnell wieder

[EDIT]
Sollte wieder funktionier - Link

Beitrag geändert von brandy (31. Januar 2012 08:50)

Klenkes · 31. Januar 2012 10:11

Mit diesem Teil vor </body> gesetzt funktioniert's:

Hier klicken, um den Code zum Kopieren zu markieren

<script type="text/javascript">
$(document).ready(function(){

$(window).resize(function(){
funktion();
  });
  
});
</script>

brandy · 31. Januar 2012 11:21

Habs gerade eingesetzt und funktioniert aber nicht...

Klenkes · 31. Januar 2012 12:06

Du hast die Jquery-Einbindung wieder raus genommen!

Ich hab die Seite lokal gespeichert und den resize Aufruf eingesetzt und es funktionierte prima.

brandy · 31. Januar 2012 13:06

Na toll...
Vielen Dank - nach Halb- und Viertelwissen hört sich das nicht an....;-)
Danke nochmal...

brandy · 01. Februar 2012 11:00

Nur noch eine Frage - funktioniert die Seite bei dir im IE? Habs jetzt bei ein paar ausprobiert und es funktioniert nicht. Ich hab Javascript auch schon aktiviert - http://www.windowspower.de/article578.html

Klenkes · 01. Februar 2012 14:38

Im IE8 funktioniert's bei mir nicht.
Verdammt!

brandy · 01. Februar 2012 14:59

Ja ich teste auch alles im IE 8 und da funktionierts nicht - keine Ahnung warum...

brandy · 01. Februar 2012 15:13

Hab jetzt einen Test bei den mir momentan verfügbaren Browsern gemacht:

Firefox 9.0.1 = ok
Firefox 3.6.25 = ok
Firefox 8.01 = ok
Opera 11.10 = ok
Safari 5.1.2 = ok
Safari 4.1.3 = ok
IE 8 = -

Gesagt gehört natürlich auch , dass ich die Seite schon auf einem HTC und einem Iphone getestet habe und auch keinen Fehler finden konnte...

Beitrag geändert von brandy (01. Februar 2012 15:16)

NaN · 01. Februar 2012 15:26

Warum macht ihr das so kompliziert?
Mit Javascript und so nen Quatsch?
cool
Gib dem Div "right_bottom" einfach folgende Styles:

Hier klicken, um den Code zum Kopieren zu markieren

#right_bottom {
    width: 350px; 
    margin-left: 150px; 
    overflow-y: auto; 
    overflow-x: hidden; 
    position: absolute; 
    bottom: 0px; 
    top: 300px;
}

Nix Javascript. wink

Ob das allerdings im IE funktioniert, kann ich grad nicht sagen.
Im Firefox und Safari läuft's.

brandy · 01. Februar 2012 15:37

Naja der right-bottom ist ja auch egal. Das Javascript ist ja dafür da, dass das Container-DIV immer 100% des Browserfensters hat, und dass diese auch bei jeder Veränderung wieder angepasst wird...

NaN · 01. Februar 2012 15:46

Dann hab ich das falsch verstanden.
Dachte es ginge um den Inhaltsbereich.

NaN · 01. Februar 2012 15:56

Andere Idee:

Hier klicken, um den Code zum Kopieren zu markieren

html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
#wrapper {
    background-image: url("/uploads/images/balken.jpg");
    bottom: 0;
    height: 100%;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 500px;
}
#container {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
}
.left_top {
    background-color: #FFFFFF;
    background-image: url("http://www.davidb.at/uploads/images/kopf.jpg");
    background-position: -3px 150px;
    background-repeat: no-repeat;
    float: left;
    height: 300px;
    width: 150px;
}
.left_bottom {
    background-color: black;
    float: left;
    width: 150px;
}
.right_top {
    height: 300px;
    margin-left: 150px;
    width: 350px;
}
#right_bottom {
    bottom: 0;
    margin-left: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 300px;
    width: 350px;
}
.trick {
    clear: both;
}
.menuactive {
    color: #FFFFFF;
    font-family: sans-serif;
    text-decoration: none;
}

Musst den #container dann nur noch in ein Div mit der id #wrapper packen.
Auch ohne Javascript.
Aber auch hier wieder: Keine Ahnung wie sich der IE da verhält.

mike-r · 01. Februar 2012 16:28

Ääh, NaN: das Thema hatten wir (bzw. ich glasses ) hier schon:
http://www.cmsmadesimple.de/forum/viewt … 432#p14432 sogar mit konkreter Lösung.
Soll aber nich sein, kann man mit JS noch paar Wochen dran rumstricken...

NaN · 01. Februar 2012 16:35

Dann verstehe ich das Problem wohl nicht nur falsch, sondern garnicht neutral

Klenkes · 01. Februar 2012 16:57

NaN schrieb:

Dann verstehe ich das Problem wohl nicht nur falsch, sondern garnicht

Na NaN! Das finde ich eine super Lösung.
Jetzt hab ich mich auch schon länger als mir lieb war damit beschäftigt, aber das ist schon was brandy wollte. (Denke ich...)

brandy · 02. Februar 2012 08:34

Ok ich habs grad ausprobiert und es funktioniert bestens - sogar im IE!

Vielen Dank!

Forum für CMS/made simple

#26 30. Januar 2012 18:52

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#27 31. Januar 2012 23:33

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#28 31. Januar 2012 08:25

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#29 31. Januar 2012 10:11

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#30 31. Januar 2012 11:21

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#31 31. Januar 2012 12:06

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#32 31. Januar 2012 13:06

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#33 01. Februar 2012 11:00

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#34 01. Februar 2012 14:38

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#35 01. Februar 2012 14:59

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#36 01. Februar 2012 15:13

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#37 01. Februar 2012 15:26

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#38 01. Februar 2012 15:37

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#39 01. Februar 2012 15:46

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#40 01. Februar 2012 15:56

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#41 01. Februar 2012 16:28

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#42 01. Februar 2012 16:35

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#43 01. Februar 2012 16:57

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

#44 02. Februar 2012 08:34

Re: [GELÖST] CSS - Div 100% - Inhalt scrollbar

Fußzeile des Forums