wie länge von layer beeinflussbar

[nicnac1]

hi,

eine frage habe ich doch noch.
ich habe ja wie erwähnt, ein zweispaltiges design.
also ein nest, in dem links der navi-layer sitzt und rechts der content-layer.
wenn der content-layer länger ist, wie kann ich den navi layer dazu bringen, die gleiche länge darzustellen.

problem im nn und mozilla:
abstand zwischen dem logo und der navi-> weißer streifen

ok in opera 6.05 und ie 6

site steht unter www.borch-hausverwaltung.de/site
z.b. seite kontakt oder impressum

ich hoffe ihr seid nicht alle schwimmen oder so....
nicnac

[prefix]

morgen

grad sitz ich hier bei fast 30 grad schon mitten in wien - keine rede von schwimmen

zum höhenproblem: wenn du die ebene mit einem height-wert definierst und zusätzlich overflow:auto angibst, sollte es mal in den meisten browsern funktionieren! zwar nicht in der entwurfsansicht im webeditor (zumindest nicht in dw), sehr wohl aber im browser.

wenn probleme - bitte sag, in welchem browser. leider ist der link dead, den du oben angegeben hast! daher kann ich dir auch beim anderen problem nicht helfen, allerdings solltest da mal die "be nice to mozzis"-definitionen verwenden, soll heißen (kleines beispiel):

#container {
	margin-top: 20px; /* wird von allen browsern gelesen */
}

/* es folgt der child-selektor */

#html>body #container {
	margin-top: 15px; /* nur von moz-basierten gelesen */
}

[nicnac1]

tach, wahr nämlich noch sporteln....

die site wurde erst einmal abgenommen und ist online.
ich hoffe doch das ich die kleinen mängel schnellstmöglich hinbekomme. daher ist der link jetzt www.borch-hausverwaltung.de


zu deinem tip, muß ich denn ne feste höhe für den layer angeben?
ist doch barrierefrei, sprich die schriftgröße ist variabel.

dann mußte ich für das formular und ne andere seite die doctype transitional definieren, die anderen laufen unter xhtml 1.0 strict.
ich glaube die werde ich auch mal alle auf transitional umstellen und dann wäre das problem mit dem weißen streifen unter dem logo auf allen seiten.

dazu hätte ich dann den effekt, dass die navi, sprich hier die kästchen in den seiten, jedenfalls ie/nn auf den strict seiten (firma, person etc.) kürzer als der gestreifte bereich und im formular und impressum mit der transitional doctype so lang sind wie der gestreifte hintergrund. auch die mouseovereffekte. aber der aktuelle punkt, den ich als id mit den gleichen werten deklariert habe, hat eine andere breite.

ich hoffe ich habe mich verständlich ausgedrückt.
bin ja jetzt online...
falls du das liest und mir helfen möchtest...

nicnac

[prefix]

tja, die sache ist die:

- gibst du keinen height-wert an, so wird der container je nach inhalt höher oder weniger hoch. du kannst nur die moz-basierten browser mit "max-height" mitteilen, wie hoch der container maximal werden darf (auch "min-height" wird von moz-bas. browsern korrekt dargestellt) --> der ie pfeift aber drauf!

mit barrierefreiheit hat die höhenangabe eines containers nichts zu tun - wenn die schrift vergrößert wird, kommt halt der scrollbalken - das musst du dann entscheiden!

ich muss mir die seite mal anschaun, an sich sollte es kein problem sein, in xhtml 1.0 strict zu arbeiten...

EDIT

pass mit deinen dts auf: einmal html 4.01 trans, dann xhtml 1.0 strict, dann 1.0 trans usw......

[prefix]

zu dem problem mit der navibreite:

<?xml version="1.0" encoding="iso-8859-1"?>

du hast hier (und hier wird die navi in der richtigen breite angezeigt) den sog. xml-prolog verwendet, was zu problemen führt (in diesem fall genau das gegenteil = richtige darstellung), ein kurzes zitat aus dem artikel von LANtastic dazu:

Die Einführung des XML Prologs hat leider auch einen unangenehmen Nebeneffekt mit sich gebracht. Der Internet Explorer 6/win schaltet, sobald er den Prolog sieht, in den Quirks-Modus und zwar unabhängig von der verwendeten Doctype Deklaration. Dieses Fehlverhalten wurde von den Opera Entwickler ursprünglich übernommen.

Opera 7.0 - 7.03
IE 6/Win

schalten in den Quirks-Modus. Seit ...

also, wie schon oben gesagt: du solltest dich mal für einen weg entscheiden erst danach kann man probleme beheben!

[nicnac1]

hi,

ich sagte ja schon, dass ich die dts umstellen will. <- hört sich nicht so nett an, wenn ich das jezt lese, war weder zickig noch sonstwie gemeint...
die index ist auf html, da ich mit xhtml probleme mit der umsetzung hatte.

das andere, was du schreibst, mit dem quirks oder so, sorry, davon habe ich absolut keine ahnung, eigentlich dachte ich dass ich das von nem beispielsscript übernommen habe... warte mal.

der schlawiner, ich sehe gerade, dass mir das dw reinschreibt.

kannst du mir da mal kurz auf die sprünge helfen oder ist es ausreichend, wenn ich den artikel lese...

erst mal vielen dank...

nicnca

[nicnac1]

achja, noch zu der höhe.
die schriftgröße -> änderung der höhe erfolgt ja (jedenfalls was die höhe verändert, da masse an text) im content-layer.
die nav sitzt im navi-layer. beide kuscheln im nest *g*

sprich, wenn jemand die schrift größer macht, der text im content durch die größe in die länge geht, ist die navi viel zu kurz, weil ich ja feste breite einstelle?

nicnac

[nicnac1]

mir ist leider noch büroarbeit und ne andere pflichtarbeit zwischengekommen. habe aber schon etwas rumgebastelt.
wenn ich die dts angepaßt habe und etwas weiter bin melde ich mich nochmal

nicnac

[nicnac1]

so.
neue testurl:
http://www.pixelcoach.de/borch/site_trans/

ich habe alles auf doctype trans umgestellt, auch die startseite.
die effekte sind ja echt der hammer.

ach ja, die einzelnen layer haben jetzt einen farbigen hintergrund

nest: blau
navi: grün
content: gelb

als ich der navi ne höhe und overflow:auto führte dazu, dass ich die navi scrollen konnte.
ich habe jetzt mit <p> nachgeholfen

win 2000 ie 6 /nn7
- die navi sitzt nicht auf gleicher höhe, sollte gleiche höhe wie headline haben
- warum spinnter der mouseover so...?
- im ie bei meine firma geh mal auf den letzten navipunkt. effekt: die adresse am ende der navi erscheint im sichtbaren bildbereich, vorher mußte man endlos scrollen.
warum ist da die navi so lang...?

oh man...
da muß ich wirklich noch ne menge lernen

nicnac

[prefix]

tja, da fällt mir eines ein:

test early, test often, test cross-browser!!!

gerade beim entwickeln von css-basierten seiten muss man beinahe jeden entwicklungsschritt in den div. browsern testen, da die probleme, die jetzt auftreten (z.b. der "hüpf-effekt" wenn man im ie6 unter "meine firma" nur ein mouseover auf "impressum" macht --> scrollbar rechts!!!), aufgrund der code-masse schwer zu erkennen und zu beheben sind - das wäre extrem zeitaufwendig!!!

früh testen, alles testen!!! mehr kann ich dazu gar nicht sagen

in der entwicklung nur mal mit den layoutcontainern beginnen - wenn die mal browserübergreifend sitzen, dann erst weitermachen...

[nicnac1]

naja, dann werd ich mich wohl stück für stück durchwurschteln...

[prefix]

genau, und wir werden dir stück für stück gerne helfen

[nicnac1]

oh man
super.

machen wir dann nen neuen thread auf...?
ich habe schon mal ne frage...

können wir ja noch hier machen.

url:
http://www.pixelcoach.de/borch/test/firma.html

wie kriege ich diese adresse nach unten?
muß ich da mit position absolute oder so hantieren?
ich bekam von ner anderen liste den tip mit margin-top so um 80%, lief anfangs, aber jetzt als ich sie gerade neu integrieren wollte - peng. zuvor beschriebenes problem. seite ist scrollbar...

[nicnac1]

achja, welche browser würdest du denn alles zum testen empfehlen?

bis jetzt hab ich nn7, nn 4.5 aufwärts, nn 6 auf win 2000,
dann habe ich noch das gleiche auf einem win xp system und ich denk auf meinem server müßte ich ie 5 haben.

achja, zudem noch mozilla 1. pustekuchen und opera 6
mac könnte ich auch noch selber, aber dann müßte ich ne bitte in die runde schicken

[prefix]

tja, es ist die frage, ob du den nn4.x noch berücksichtigen willst - ich persönlich (!!!) rate davon ab und vernachlässige ihn!

also ich teste immer auf folgenden:

win:

- ie5.0
- ie6
- nn6
- nn7
- op 5.02
- op 7
- moz 1.3
- moz/fb 0.61

mac:

da ich keinen habe, lass ich das laufend von freunden checken bzw. poste das im traum-lab mit der bitte um check - allerdings nur bei wichtigen entwicklungsschritten, also nicht bei jeder kleinigkeit (sehr wohl die kleinigkeiten auf den eigenen browsern immer checken!)