Darstellungsfehler Positionierung, was muss ich anders machen?

[Dennis]

Hi @all!

ich habe ein kleines Problem. Ich mache gerade für einen Verwandten etwas für dessen Homepage, natürlich ein CSS Design und so, wie es sich eben gehört ;-)

zu sehen ist die eine Probeseite jetzt mal hier:
http://www.riehle-web.com/kontakt/links.html
mit der CSS Datei:
http://www.riehle-web.com/src/style.css

Dazu habe ich jetzt aber zwei Fragen an euch:
1. Warum wird der linke Div-Container mit der id Links nicht bis an den unteren Rand ausgedehnt? Obwohl der im Prinzip genauso gemachte Container oben das tut?
Was gibt es für Lösungsmöglichkeiten?

2. Wie ihr seht, soll das die Links Seite werden. Dazu wollte ich das Div Hinweis noch absolut 20px über dem unteren Boden definieren. Aber das bleibt in der Mitte stehen. Wo ist da der Denkfehler?
Wie behebe ich das am geschicktesten?
Und dann noch: Wie macht man es am besten, dass sich Hinweis und seite NIE überlappen? (so wie hier im beispiel)?

Ich hoffe ihr habt verstanden, was ich meine, und könnt mir vielleicht auch etwas auf die Sprünge helfen. Danke schon mal,

MfG, Dennis.

[ani]

Moin!
bei mir wird div-links bis zum unteren bildrand gezogen. willst du es bis zum unteren rand des textes ziehen?
den div hinweise habe ich garnicht gefunden...
nochwas: wenn es ein css-design sein soll, mache auch die hover-efekte mit css. ( .beispiel:hover { backgrounhd-image:url(test.gif); } )
ani

[Dennis]

Hi @all!

bei mir wird div-links bis zum unteren bildrand gezogen. willst du es bis zum unteren rand des textes ziehen?

exakt, habe ich mich wohl vorhin falsch ausgedrückt. Es soll immmer bis zum unteren Seitenende gehen, mindestens bis zum unteren Bildrand.

den div hinweise habe ich garnicht gefunden...

der ist lokal in der Datei definiert, da er nur auf dieser einen Seite vorkommt (die Website besteht in Wirklichkeit aus mehreren Seiten)

nochwas: wenn es ein css-design sein soll, mache auch die hover-efekte mit css. ( .beispiel:hover { backgrounhd-image:url(test.gif); } )

Du meinst jetzt die Navigation? hm, das dürfte etwas schwierig werden, wie stellst du dir das vor?
Jetzt konkret meine ich.

MfG, Dennis.

[ani]

Moin!
zur navigation:

<a class="navigation_mit_hover" href="irgend_was.html">Lalala</a>

//css-datei
.navigation_mit_hover { widht:[breite_der_linkgrafik]; height:[höhe_der_linkgrafik]; padding:4px; background-image:url(normale_link_grafik.gif); }

.navigation_mit_hover:hover { widht:[breite_der_hilitegrafik]; height:[höhe_der_hilitegrafik]; padding:4px; background-image:url(hilite_link_grafik.gif); }

du kannst natürlich entsprechend die werte von padding, width und height beliebig verändern. wichtig ist, dass bei ...:hover die hilite-grafik als bg-image ist, und bei dem ohne hover die normale link-grafik.

zum div:
das lässt sich schwer machen, vielleich versuchst du einen gesammten div zu bauen, und in den hinein den content und die links zu positionieren, und bei links anzugeben height:100%;
dann ist das links-div im verhältnis zum content-div immer gleich lang glaube ich...
ani

[Dennis]

Hi @all!

zur navigation

das habe ich jetzt gemacht, man kann es auf http://www.riehle-web.com/kontakt/ sehen.
Lediglich im Mozilla geht es bei mir nicht, warum? (v. 1.2) da ist nichts zu sehen.

zum div

Was ich will ist ja nur, einen Befehl, der nicht wie height:100% die Fensterhöhe nimmt, sondern ein befehl, der die SEITENhöhe nimmt - die eben von seite zu seite verschieden ist.

MfG, Dennis.

[Detlef G.]

Hallo Dennis

1. Warum wird der linke Div-Container mit der id Links nicht bis an den unteren Rand ausgedehnt? Obwohl der im Prinzip genauso gemachte Container oben das tut?

Bei mir ist dieser 100% der Fensterhöhe.

2. Wie ihr seht, soll das die Links Seite werden. Dazu wollte ich das Div Hinweis noch absolut 20px über dem unteren Boden definieren. Aber das bleibt in der Mitte stehen. Wo ist da der Denkfehler?

Es steht 20px über dem Fensterboden, beim scrollen ist das nunmal in der
Mitte der Seite.

Wie behebe ich das am geschicktesten?

Indem du nicht alles absolut positionierst.
Absolut positioniert ist bei unterschiedlichen Fenster- und oder
Schriftgrößen oft absolut falsch positioniert.

Und dann noch: Wie macht man es am besten, dass sich Hinweis und seite NIE überlappen? (so wie hier im beispiel)?

Indem du den Elementen erlaubst, sich den Bereich zu nehmen, den sie
benötigen und nachfolgende Elemente zu verschieben, und dort nur ordnend
eingreifst, statt alles festzunageln.

Ich hoffe ihr habt verstanden, was ich meine, und könnt mir vielleicht auch etwas auf die Sprünge helfen. Danke schon mal,

Arbeite mit float, margin, padding, relativen Breiten usw., das erfordert
zwar ein Umdenken, erlaubt aber flexible Layouts.

Übrigens, deine Buttons könnten komplett _ohne_ Grafiken auskommen.

MFG
Detlef