wide-designs.de [WIP]

[klobrille]

Hi,
bitte schaut es euch einmal an ...

http://files.to/get/26862/25685/Seite.rar


... Warum? :'(

... Warum wird das im IE falsch angezeigt? Warum ist "content_start" nicht mittig?

Vielen Dank. Ist mein erster Versuch mit div-Containern. Special thx übrigrens an das Tutorial hier bzw. viel mehr dessen Autor

LG
Marcel

[Manuel]

Also bei mir ist content_start nur im FireFox nicht mittig...

Warum es nicht mittig ist, ist aber ganz einfach erklärt: Du hast ein </div> zu viel

Schau einfach mal über header3. Als ich das gesehen hab war mir das direkt klar, weil die CSS Angaben usw. richtig aussahen. Hatte ich auch schonmal, daher kennt man sowas mittlerweile *g*

Lg,
Manuel

[klobrille]

Also bei mir ist content_start nur im FireFox nicht mittig...

Warum es nicht mittig ist, ist aber ganz einfach erklärt: Du hast ein </div> zu viel

Schau einfach mal über header3. Als ich das gesehen hab war mir das direkt klar, weil die CSS Angaben usw. richtig aussahen. Hatte ich auch schonmal, daher kennt man sowas mittlerweile *g*

Lg,
Manuel

Ahh, okay - hab es Danke ...
Du - ist das sonst in Ordnung so ...? Und warum sind im IE die Abstände derart "verrutscht"?

LG
Marcel

[klobrille]

http://files.to/get/26929/49036/Seite.rar

Sooo. Soweit bin ich momentan. Nun gibt es das folgende Problem:

contentlinksdiv
und
contentrechtsdiv

sollen in y-Richtung gleich groß sein wie

contentmaindiv

...

Ich komm einfach nicht auf die Lösung

Marcel

[Manuel]

Ich hab ehrlich gesagt keine Lust mir die Datei immer wieder runterzuladen, daher vermute ich mal, dass du 3 gleich hohe div-Layer haben willst. Mein Rat: Nimm ne Tabelle.
So leids mir tut, aber CSS ist da scheinbar nicht reif genug, denn das ist so mords umständlich. Aber das habe ich in anderen Threads ja schon zu genüge erklärt.

[klobrille]

Hi,
vielen Dank. Das mit der Tabelle hat geklappt. Nun läuft (zumindest im Firefox) alles so, wie ich es von Anfang an haben wollte. Seitenlayout ohne Tabellen und XHTML 1.0 valide (und CSS ...).

Um den Internet Explorer muss ich mich später noch ein mal drum kümmern. Scheint Probleme mit den Abständen der div-Container zu haben ...

Marcel

[klobrille]

:arrow: http://www.bunker-westerholt.de/Marcel/index.html

Bitte nur im Firefox anschauen - um den Rest habe ich mich noch nicht gekümmert.

Ich bitte um Feedback

Marcel

[Manuel]

Schick!

Das hättest du übrigens auch ohne 3 Spalten lösen können, indem du einfach eine 1px hohe Grafik machst, die du wiederholen lässt (repeat-y). Aber so gehts ja auch

Werden die Buttons oben verschoben beim Mouseover?

[Lukas]

Gefällt mir
Einen kleinen Kritikpunkt habt ich aber:
Wenn amn in der Navi einen Eintrag anklick hat man sone gestrichelte Linie drumrum...
Hast du die Schrift in Bilder gepackt?

[klobrille]

Gefällt mir
Einen kleinen Kritikpunkt habt ich aber:
Wenn amn in der Navi einen Eintrag anklick hat man sone gestrichelte Linie drumrum...
Hast du die Schrift in Bilder gepackt?

Die "gestrichelten Linien" kommen später durch einen kleinen Trick raus

@Manu:
Nein - ist mit JavaScript. Ich kann den Trick mit der Verschiebung nicht ...

[Lukas]

Hm aber das kannste doch auch mit dem:hover Tag in CSS machen oder?
Und damit halt die Hintergrundgrafik asutauschen...
@Manu: Erklär bitte mal den Verschiebe-Trick nur aus deinem Quellcode werd ich nicht schlau

[klobrille]

Hm aber das kannste doch auch mit dem:hover Tag in CSS machen oder?
Und damit halt die Hintergrundgrafik asutauschen...
@Manu: Erklär bitte mal den Verschiebe-Trick nur aus deinem Quellcode werd ich nicht schlau

Wenn ich die Navigation mit Hintergrundgrafiken realisiere, kann ich dem Ganzen keine "alt"-Tags geben, was widerum (in meinen Augen) nicht gerade der Barrierefreiheit dient. Deshalb mache ich das lieber mit "echten" Grafiken.
Ob das jetzt richtig oder falsch ist wie ich denke, das weiß ich nicht ...

Marcel

[Lukas]

Hm stimmt auch wieder, aber JavaScript hat mit Barrierefreiheit gar nichts meh zu tun
Naja warten wir auf Manu

[klobrille]

http://www.bunker-westerholt.de/Marcel/index.html

Im Firefox ist es ja echt alles so, wie ich es haben möchte.
Doch schaut es euch im IE an und helft mir - bitte :cry:
Ich sitz da jetzt echt schon mehrere Stunden vor und finde nicht die Lösung.


LG
Marcel

[SilentStormer]

Also die Fehler mit den grauen Strichen zwischen deinen Div-Containern kannst du lösen, indem du der oberen Grafik vertical-align: bottom; angibst.

Warum das rechte Eck deines Menüs in einer neuen Zeile steht, weiß ich nun auch nicht, aber mach mal die Breite deines Gesamtcontainers ein paar Pixel breiter, vielleicht kommt das Eck dann von alleine rauf.
Sonst kannst du noch mit der float-Eigenschaft ein bisschen rumspielen (right oder left), ob sich da was tut.

(PS: hab mir den Quelltext nicht angeschaut, so aus dem Stehgreif heraus gesagt, womit ich so manch Probleme schon gelöst habe )