inhalt wird über box Bereich hinausgeschieben

[skai007]

Tach,

ich verstehe es nicht mehr ... steh auf dem Schlauch oder was ???

Also schaut euch das mal an http://adonet.de/bug/index1x.html

wieso bleibt der text nicht in der Box und wieso sind die Bosen nebeneinander nicht gleich lang geschweige denn dir "Bottom" Box nicht am bottom ....

bin über jeden tipp dankbar

ich rede von der darstellung im firefox
opera stellt wenigstens den text in der Box dar
vom IE fange ich erst gar nicht an

skai007

[XaraX]

Tach skai007,

ich verstehe es nicht mehr ... steh auf dem Schlauch oder was ???

Also schaut euch das mal an http://adonet.de/bug/index1x.html

es wäre für Dein Vorhaben dringend erforderlich ersteinmal Dein Quelltext zu validieren.

Dann wäre mir noch neu, da CSS einen Interpreter für mathematische Ausdrücke hat:

#navi {
    float:right;

width:170px; height:-170px+100%;

min-height:360px;
    margin:0px;
    padding-left:10px; padding-right:10px; padding-top:20px; padding-bottom:0px;
    background-color:#DDFFDD;
    z-index:4;

Bitte erst valide machen und auch das CSS validieren, dann wird sich der rest sicher hier klären lassen ;)

Gruß aus Berlin!
eddi

[skai007]

es wäre für Dein Vorhaben dringend erforderlich ersteinmal Dein Quelltext zu validieren.

durch das validierfen hat sich an meinen Problem nichts geändert, obwohl der IE stellt die Sache etwas anders dar naja ab das zeiel ist es noch nicht.

Dann wäre mir noch neu, da CSS einen Interpreter für mathematische Ausdrücke hat:

das war ein Versuch anscheinend tut es der IE irgendwie doch interpretieren ....

sich der rest sicher hier klären lassen ;)

Gruß aus Berlin!
eddi

gruß nach Berlin und in den Rest der Welt

skai007

[XaraX]

Re:

durch das validierfen hat sich an meinen Problem nichts geändert, obwohl der IE stellt die Sache etwas anders dar naja ab das zeiel ist es noch nicht.

Die veränderungen im Mozilla sind dagegen sichtbar.

das war ein Versuch anscheinend tut es der IE irgendwie doch interpretieren ....

Aller Anfang ist schwer und man ist beim Erstellen eines Layouts natürlich von seinem(/n) benutzen Browser(n) beeinflußt, jedoch gibt es mehr als einen (wieviele weiß ich nicht, aber sie mit 80 anzugeben erscheint mir nicht realitätsfern).

Also dann:

#site {
    width:820px; height:100%;
    min-height:360px;

margin:auto;
       padding:20px 20px 40px 20px;

background-color:#FFFFFF;
    z-index:1;}

Bewirkt das selbe ;)

#content #navi #bottom

z-index hat dort nichts verloren! Das ist nur im Gebrauch von "position" von Bedeutung. Margin und padding wo möglich verkürzt schreiben (, denke auch an die User und deren Traffic ;).

Mach das mal bitte und dann sehen wir weitern ;)

Gruß aus Berlin!
eddi

[skai007]

Aller Anfang ist schwer und man ist beim Erstellen eines Layouts natürlich von seinem(/n) benutzen Browser(n) beeinflußt, jedoch gibt es mehr als einen (wieviele weiß ich nicht, aber sie mit 80 anzugeben erscheint mir nicht realitätsfern).

würde mich ja mit den "top used 10" zufrieden geben ;-)

...
Mach das mal bitte und dann sehen wir weitern ;)

gut gemacht ... weniger code macht auch weniger evtl Fehler und ... is schon klar habe schon verschieden sachen ausprobiert und nicht alle Fragmente entfernt sorry (schlecht von mir)

also gut eddi jetzt fehlt der unter Teil des Rahmens und die Länge hab ich immer noch nicht gleich trotz der 100%

skai007

[XaraX]

Re:

würde mich ja mit den "top used 10" zufrieden geben ;-)

http://stats.selfhtml.org/webalizer/forum.de.selfhtml.org/agent_200412.html

...
Mach das mal bitte und dann sehen wir weitern ;)
gut gemacht ... weniger code macht auch weniger evtl Fehler und ... is schon klar habe schon verschieden sachen ausprobiert und nicht alle Fragmente entfernt sorry (schlecht von mir)

also gut eddi jetzt fehlt der unter Teil des Rahmens und die Länge hab ich immer noch nicht gleich trotz der 100%

#content setzt Du bitte mit der Anweisung "border:solid white [Angabe in px wie groß der weise Rahmen sein soll]; um!

Gruß aus Berlin!
eddi

[XaraX]

Re:

#content setzt Du bitte mit der Anweisung "border:solid white [Angabe in px wie groß der weise Rahmen sein soll]; um!

Ach ja, und entferne #site audem HTML ganz ;)

Gruß aus Berlin!
eddi

[skai007]

Ach ja, und entferne #site audem HTML ganz ;)

denn Versuch hatte ich bereits unternommen aber das sieht noch verückter aus und es ist nicht mehr zentriert mein "Blatt"

ergebnis unter: http://adonet.de/bug/index2xa.html

skai007

[skai007]

würde mich ja mit den "top used 10" zufrieden geben ;-)
http://stats.selfhtml.org/webalizer/forum.de.selfhtml.org/agent_200412.html

;-) bei dieser Seite war ja nichts anders zu erwarten ;-)

#content setzt Du bitte mit der Anweisung "border:solid white [Angabe in px wie groß der weise Rahmen sein soll]; um!

jetzt habe ich den Rahmen (der Farbig ist ums leichter sehen zu können)  erstellt version 2x http://adonet.de/bug/index2x.html

habe ich das Rechnen verlernt ??? irgendwie komme ich jetzt mit der Breite nicht klar .... (max breite 820px navi breite ohne Rahmen 170px)

die einzelen "puzzle sind so zusammenzusetze, dass der rahmen alle umschließt ....

danke eddi für die Geduld

ja vor zwei Tagen war ich schon mal etwa an einer gleichen Stelle bin aber auch nicht weiter gekommen ....

Gruß
skai007

[XaraX]

Re:

;-) bei dieser Seite war ja nichts anders zu erwarten ;-)

:P

habe ich das Rechnen verlernt ??? irgendwie komme ich jetzt mit der Breite nicht klar .... (max breite 820px navi breite ohne Rahmen 170px)
die einzelen "puzzle sind so zusammenzusetze, dass der rahmen alle umschließt ....

http://edition-w3c.de/TR/1998/REC-CSS2-19980512/kap08.html Sieh es Dir bitte mal an ;)

danke eddi für die Geduld

Sitze grade mit der Nase in der Apache-Docu und kompiliere dann konfiguriere verschiedene Server und teste aus, ärgere mich, stecke die Nase in die Docu und kompiliere, konfiguriere...

Da habe ich heute viel Lust auf Ablenkung :D

Gruß aus Berlin!
eddi

[skai007]

http://edition-w3c.de/TR/1998/REC-CSS2-19980512/kap08.html Sieh es Dir bitte mal an ;)

um kapitel 10 nicht zu vergessen verstehe nicht wieso dann der umschließende block (hier ein div) nicht alles umschließt
rechnen habe ich jetzt gelernt besser gesagt verstanden worauf sich länge und breite bezieht auf den content ohne rahmen nicht auf den gesamten umschließenden block, ist ne stolperfalle ...

Sitze grade mit der Nase in der Apache-Docu und kompiliere dann konfiguriere verschiedene Server und teste aus, ärgere mich, stecke die Nase in die Docu und kompiliere, konfiguriere...

jaja der apache an welcher Ecke bist du am anpassen???

skai007

[wahsaga]

hi,

um kapitel 10 nicht zu vergessen verstehe nicht wieso dann der umschließende block (hier ein div) nicht alles umschließt

weil du mit float die elemente aus dem textfluss herausnimmst.

gruß,
wahsaga

[willie.de]

hallö skai007,

wieso bleibt der text nicht in der Box

da müsstest du mit 'overflow' arbeiten.

und wieso sind die Bosen nebeneinander nicht gleich lang geschweige denn dir "Bottom" Box nicht am bottom ....

weil du sie nebeneinander floaten lässt. wenn der platz dann (wie vorgegeben) nicht reicht, bleibt sie unter der navi-box - nicht unten. hier wäre vielleicht eine andere 'position' hilfreich.

grüße aus Leipzig
willie

[skai007]

wieso bleibt der text nicht in der Box
da müsstest du mit 'overflow' arbeiten.

gute Idee - versucht - ändert leider nichts ....
und dazu noch die nette IE IntErprätation (von NN4 kann ich absehen, ist aber schade):
Netscape 4.x kennt diese Eigenschaft nicht. Der Internet Explorer unterstützt die Angabe overflow:visible nicht.
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow

und wieso sind die Bosen nebeneinander nicht gleich lang geschweige denn dir "Bottom" Box nicht am bottom ....
weil du sie nebeneinander floaten lässt. wenn der platz dann (wie vorgegeben) nicht reicht, bleibt sie unter der navi-box - nicht unten. hier wäre vielleicht eine andere 'position' hilfreich.

wenn ich z.B. den float bei der content box weglasse so stehen die Boxen nicht mehr nebeneinander .... position verändern würde dann nicht mehr zum gewünschten Ziel führen ....

Gruß
skai007

[willie.de]

hallö ins forum,

Netscape 4.x kennt diese Eigenschaft nicht. Der Internet Explorer unterstützt die Angabe overflow:visible nicht.
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow

(fucking NN4...) ich dachte, du brauchst eher 'overflow:scroll'.
vielleicht hilft das dir in abgewandelter form weiter: http://www.fabrice-pascal.de/artikel/posfixedie6/

wenn ich z.B. den float bei der content box weglasse so stehen die Boxen nicht mehr nebeneinander .... position verändern würde dann nicht mehr zum gewünschten Ziel führen ....

auch das ist mit der oben angegebenen variante lösbar.

grüße aus Leipzig
willie

[skai007]

Netscape 4.x kennt diese Eigenschaft nicht. Der Internet Explorer unterstützt die Angabe overflow:visible nicht.
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#overflow
(fucking NN4...) ich dachte, du brauchst eher 'overflow:scroll'.
vielleicht hilft das dir in abgewandelter form weiter: http://www.fabrice-pascal.de/artikel/posfixedie6/

schau mal unter http://adonet.de/bug/index2x.html dieses Puzzle so zusammenbauen, dass die Ränder einen Rahmen ergeben ... dabei können die Contentbox(rot) und die Navibox(grün) unterschiedlicher Länge sein ... der Rahmen sollte auf jeden Fall zusammen passen.

ich denke das overflow mir erstmal nicht weiterhilft insb. da der IE ....

skai007

[willie.de]

hallö nochmal,

schau mal unter http://adonet.de/bug/index2x.html dieses Puzzle so zusammenbauen, dass die Ränder einen Rahmen ergeben ... dabei können die Contentbox(rot) und die Navibox(grün) unterschiedlicher Länge sein ... der Rahmen sollte auf jeden Fall zusammen passen.

das sieht zurzeit nicht annähernd so aus, wie ich es erwarten würde (FF1, IE6, OP7). nach _kurzem_ codegucken denke ich, die höhen/weiten stimmen nicht. insbesondere wundert mich 'height:100%;' für #navi.

ich denke das overflow mir erstmal nicht weiterhilft insb. da der IE ....

für deine eingangs gestellte frage "wieso bleibt der text nicht in der Box" denke ich weiterhin: 'scroll' passt.

grüße aus Leipzig
willie

[skai007]

Gruß in die Hauptstadt

das sieht zurzeit nicht annähernd so aus, wie ich es erwarten würde (FF1, IE6, OP7). nach _kurzem_ codegucken denke ich, die höhen/weiten stimmen nicht. insbesondere wundert mich 'height:100%;' für #navi.

»»
der versuch mit 100% die höhe hinzubekommen und dann #bottom drüberlegen ....

ich denke das overflow mir erstmal nicht weiterhilft insb. da der IE ....
für deine eingangs gestellte frage "wieso bleibt der text nicht in der Box" denke ich weiterhin: 'scroll' passt.

scroll = Element wird abgeschnitten, wenn es die Grenzen überschreitet. Der WWW-Browser sollte jedoch Scroll-Leisten anbieten, ähnlich wie in einem eingebetteten Framefenster.

ich möchte kein scroll-effekt: nur ne box die so lang ist wie der Inhalt wenn dies über die seite raus geht dann eben ...

in bezug auf die eingangsfrage ist das scroll durchaus eine Lösung die zu einem ergebnis führt nur möchte ich ein anders ergebnis
eine design mit #conent #navi #bottom das sich anpasst an den unterschiedlichen Inhalt der Seiten auf tabellen möchte ich dabei verzichten .... da habe ich eine Lösung nur ist dies dann keine "tabelle" mehr !!! mit nur 3 td eins links und zwei untereinander rechts wo sich die länge anpasst.

scroll ist also nicht die von mir gesuchte Lösung aber durchaus eine Möglichkeit.

skai007

[wahsaga]

na mein jung,

watt woll'n wa denn jezz eijentlich erreichen ...?

in bezug auf die eingangsfrage ist das scroll durchaus eine Lösung die zu einem ergebnis führt nur möchte ich ein anders ergebnis
eine design mit #conent #navi #bottom das sich anpasst an den unterschiedlichen Inhalt der Seiten auf tabellen möchte ich dabei verzichten .... da habe ich eine Lösung nur ist dies dann keine "tabelle" mehr !!! mit nur 3 td eins links und zwei untereinander rechts wo sich die länge anpasst.

also sowas in der art ...?

gruß,
wahsaga

[skai007]

tachchen wahsage

also sowas in der art ...?

net ganz eher um 90° nach rechts gedreht schau mal z.Z. schaut es so aus http://adonet.de/bug/index2x.html nur fehlt die dynamisch länge unter dem content möchte ich nichts stehen haben
der farbiege rahmen wird natürlich einheitlich ....

danke das du mitdenkst

skai007

[wahsaga]

hi,

net ganz eher um 90° nach rechts gedreht schau mal z.Z. schaut es so aus http://adonet.de/bug/index2x.html

diese beispiel sieht in meinem browser so "zerrupft" aus, dass daraus absolut nicht erkennbar ist, worauf du hinaus willst.

gruß,
wahsaga

[skai007]

tach,

diese beispiel sieht in meinem browser so "zerrupft" aus, dass daraus absolut nicht erkennbar ist, worauf du hinaus willst.

welcher browser denn ???
bei mir schaut es im ie6, opera, firefox und mozilla sehr gleich/ähnlich aus ....

hier als einfach stickgrafik:

------------------------------------
|   ----------------- ------------   |
|  |  content        | navi       |  |
|  |  content        | navi       |  |
|  |  content           .
        .               .
        .               .
        .            | navi       |  |
|  |  content        |            |  |
|  |  content        |------------|  |
|  |  content        | r.bottom   |  |
|  |  content        | r.bottom   |  |
|   ------------------------------   |
 ------------------------------------

die länge von content und navi kann varieren. es muss nicht immer content die Länge angeben, es kann auch navi + r.bottom die Länge angeben. und dementsprechend was länger ist wird unten gleichgezogen
und alles in der mitte der seite bei einer festen breite von 850px gesamt und 150px navi-breite ...
anliegen erkannt ???

danke
Skai007

[wahsaga]

hi,

welcher browser denn ???

opera 7.60 preview 4.

bei mir schaut es im ie6, opera, firefox und mozilla sehr gleich/ähnlich aus ....

bei mir nicht. aber nein, dem preview-status möchte man hier bitte nicht die schuld geben, der rendert eigentlich schon sehr ordentlich.
und 7.54 macht es auch nicht besser.

anliegen erkannt ???

ja, glaube schon: https://forum.selfhtml.org/?t=96370&m=586312

gruß,
wahsaga

[skai007]

danke einen großen schritt weiter ...

welcher browser denn ???

opera 7.60 preview 4.

liegt wohl am dem clear ... 100% verstehe ich nicht wiso aber anscheinend damit die bezüge stimmen ...
bei meinen opera 7.23 zeigt er es an wie bei moziala aber sei es drum den lsg gefällt und geht fast dahin wo ich möchte ...

anliegen erkannt ???

ja, glaube schon: https://forum.selfhtml.org/?t=96370&m=586312

wenn jetzt viel text in der navi leiste steht und diese die längste box ist treten zwei probleme auf ...

1. bottom überschreibt den untern teil der navibox -> kann man mit platzhalten leerzeilen oder so lösen ....

2. unter dem content tauch die background farbe vom navi auf diese soll/muss aber vom content sein ....
hast du da auch noch ne schnelle super lösung ???

danke

skai007

[wahsaga]

hi,

wenn jetzt viel text in der navi leiste steht und diese die längste box ist treten zwei probleme auf ...

1. bottom überschreibt den untern teil der navibox -> kann man mit platzhalten leerzeilen oder so lösen ....

nein, mit entsprechendem padding-bottom bitte :-)

2. unter dem content tauch die background farbe vom navi auf diese soll/muss aber vom content sein ....

natürlich, denn diese hintergrundfarbe ist nicht die von #navi, sondern die des containers, in dem alle elemente liegen. das ist nötig, damit #navi bis nach unten durchgehend _aussieht_, wenn es kürzer ist als der inhaltsbereich.

wenn du das umgehen willst, musst du wohl ein hintergrundbild für den container nutzen, dass nur am rechten rand in entsprechnder breite für einen grünen hintergrund sorgt ... eine lösung, die hier schon x-mal in solchen fällen empfohlen wurde.

gruß,
wahsaga

[skai007]

nein, mit entsprechendem padding-bottom bitte :-)

!!!! ei sicher !!!!!

natürlich, denn diese hintergrundfarbe ist nicht die von #navi, sondern die des containers, in dem alle elemente liegen. das ist nötig, damit #navi bis nach unten durchgehend _aussieht_, wenn es kürzer ist als der inhaltsbereich.

wenn du das umgehen willst, musst du wohl ein hintergrundbild für den container nutzen, dass nur am rechten rand in entsprechnder breite für einen grünen hintergrund sorgt ... eine lösung, die hier schon x-mal in solchen fällen empfohlen wurde.

habe jetzt mal die vorschläge umgesetzt danke vielmals!!
ergebnis unter http://adonet.de/bug/skai007c.htm

nur wie bekomme ich das hin die idee ist klar nur geht das mit dem verwendeten Hintergrundbild nicht ganz so wie beschrieben...

muss ich dann doch die länge irgendwo limitieren oder gibt es noch ne lösung mit noch ein paar div`s ???

danke für euer Hilfe bis hierher hatte die Hoffnung schon aufgegeben und der IE hat anscheinend nen bug schaut es mal an unten auf der seite ....

skai007

[wahsaga]

hi,

habe jetzt mal die vorschläge umgesetzt danke vielmals!!
ergebnis unter http://adonet.de/bug/skai007c.htm

nur wie bekomme ich das hin die idee ist klar nur geht das mit dem verwendeten Hintergrundbild nicht ganz so wie beschrieben...

muss ich dann doch die länge irgendwo limitieren oder gibt es noch ne lösung mit noch ein paar div`s ???

wenn du den farbverlauf oben in der navi erhalten willst, geht es natürlich nicht ganz so einfach mit einem hintergrundbild für den container. generell natürlich schon so, dass du dem container ein hintergrundbild in der entsprechenden farbe gibst, die da hingehört, wo derzeit noch die grüne hintergrundfarbe zu sehen ist. nur damit der farbverlauf der navi dort ohne nahtstelle ansetzt, müsste sich natürlich schon eine entsprechende mindesthöhe bekommen ...
obwohl, du könntest den derzeitigen farbverlauf der navigation ja als hintergrundbild für den container oben rechts einsetzen, und dazu die hintergrundfarbe. dann gäbe es das problem mit plötzlich endenden farbverlauf nur noch dann, wenn #bottom wegen zu geringer gesamthöhe nach oben rutscht. das könnte evtl. umgangen werden, in dem du den hintergrund des bottom-bildes als transparent definierst ...

gruß,
wahsaga

[skai007]

ja, glaube schon: https://forum.selfhtml.org/?t=96370&m=586312

schau dir das mal im IE an da kommt unter dem content ein e es ist genau das e von liste nochmal wie kommt das ????

skai007

[wahsaga]

hi,

net ganz eher um 90° nach rechts gedreht schau mal z.Z. schaut es so aus http://adonet.de/bug/index2x.html nur fehlt die dynamisch länge unter dem content möchte ich nichts stehen haben
der farbiege rahmen wird natürlich einheitlich ....

dann vielleicht eher so?

gruß,
wahsaga

[skai007]

ein stück weiter, was macht der IE denn da ???

http://adonet.de/bug/index2x.html

da tauchen zwei zeichen auf die nicht im quelltext stehen wenn ich die beiden letzen zeichen vom right BOTTOM ändere also OM ändern sich auch die Zeichen unter der BOTTOM box nur stehen diese wohl nicht im Quelltext.

interessant ist das ein BUG ???

mir fehlt jetzt noch die "dynamik" damit alles gleich lang ist egal wo mehr drin steht!

skai007