Im IE6 sind die Abstände völlig falsch.
Der Footer ist zu weit unten.
Die Topnavigation ist höher überm Strich als im Firefox.
Vielleicht könnt ihr ja mal einen Blick draufwerfen.

Übersicht - Nenno Architektur

Dankeschön

kann leider nicht genau testen, da ich grad am mac sitze.

Da der IE6 sowieso eig. immer aus der Reihe tanzt, würde ich mal versuchen mit "Conditional Comments" zu arbeiten (wobei ich grad selber nicht genau weiß, ob das im IE6 so 100%ig optimal läuft.

Wobei wir hier in der Agentur den IE6 eh schon so gut wie ausser acht lassen (endlich, wobei der IE7 wird wohl der neue IE6 ;D)...

Gruß..

Moin,

schaut nach Double Margin Bug aus.
Besser ist es beide Spalten in Verb. mit einer festen Breite zu floaten.

Warum hat #container eine Höhe? Der Sinn dessen erschließt sich mir nicht.
Das Bild der Slideshow ist viel größer als die endlos verschachtelten Container wo es drinhockt.

Deine navi wird mit position:relative und Positionsangaben verschoben.
Das ist fast nie sinnvoll, u.a. weil der alte Platz ja noch immer belegt bleibt.

Noch zwei Sachen die schlicht der Wahnsinn sind:
html hat overflow-x:hidden.
Bei kleinen Bildschirmen ist der rechte Teil der navi dann unerreichbar im Nirwana.
Im Textbereich sind viele unnütze Textabsätze, teils leer aber immer mit inline-styles und der Maßeinheit cm. Unglaublich.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Die rel. Verschiebung der Navigation "funktioniert" nach dem Zufallsprinzip. Woher kommt der Wert -47px?
Welches Buch verwendest du zum CSS-Lernen?

Im IE6 sehe ich nichts von der Slideshow. #main braucht haslayout. Dann tritt der 3px-Bug auf.

Aber: Bevor du über Darstellungsprobleme im IE6 nachdenkst, gibt es wichtigeres:
p-Elemente zeichnen Absätze aus, keine Zeilen. Du kannst keine Zeilen kontrollieren im Web; Trennung funktioniert auch nicht. Der Besucher hat die Macht über die Schrift(größe), nicht du.
Daraus ergibt sich: Text lässt sich nicht in Pixelhöhen pressen. (Ja, ich weiß, es ist schwer für einen Architekten, die Kontrolle teilweise abzugeben.)

overflow:hidden für html geht gar nicht.

Wo ist der Knopf zum Anhalten der Slideshow?

edit: Partiell etwas spät. Lag daran, dass ich auch so vorm Rechner saß.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

hehe, wenigstens bei der Überwindung der Schockstarre bin ich eindeutig besser und schneller als du.

dafür aber mit sinnvollen Ergänzungen.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Hallo ihr drei

Erstmal danke für eure schnellen und vor allem hilfreichen Antworten.
Werde mich gleich mal ranmachen und eure Ratschläge umsetzen.

Weil ich auf der Seite "Person" den text scrollen mußte. Hab ich jetzt anders gelöst und werd ich wohl wieder raus nehmen.

Das hab ich gemacht, weil ich vorher unnötigerweise einen überflüssigen scrollbalken unten hatte.

Die inline styles werden leider automatisch vom internen contao Text Editor produziert. Muß ich mal gucken, wie ich das abstellen kann.


Damit verschiebe ich die Navigation oben, damit sie bündig mit "Impressum unten ist.

Das ist so beabsichtigt.

Als Buch hab ich bisher nur Little Boxes 1 online benutzt. Aber wer steigt als Anfänger schon beim ersten mal durch?

Ich finds echt toll wie schnell einem hier geholfen wird.

Vielen Dank nochmal

Und freut euch nicht zu früh, ich hab noch mehr fragen. Bald.

Nein. -47px ist die vertikale Verschiebung.
Lass es mich anders ausdrücken: Was du mit der rel. Pos. machst funktioniert nicht. Die 47px sind ein Zufallswert, der vielleicht bei deiner Konfiguration im FF so aussieht, wie du willst.
Du willst damit den Default-Abstand(!) und die Zeilenhöhe überwinden. Das geht so nicht!
Gleiches gilt für den Footer.
Anbei ein Screenshot, was ich bei deiner Seite zu sehen bekomme.


Ganz schlecht.
Lass deine Benutzer entscheiden, ob und wie lange sie deine Bilder sehen wollen.
Mein FF schläft fast ein bei deiner Slideshow -> Strg + W

Darin hast du aber sicher nichts davon gelesen, dass relative Positionierung geeignet wäre, um Elemente fürs Layout anzuordnen.
Hast du das Buch wirklich Schritt für Schritt durchgearbeitet?
Und hast du auch das Kapitel "Das Web ist nicht aus Papier" gelesen?

Angehängte Grafiken

screenshot.png (404,9 KB, 9x aufgerufen)

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Ja richtig, ist natürlich in Verbindung mit top, also vertikal. Hab da was falsch gelesen auf die schnelle.
Also soll ich einfach absolute Positionierung benutzen und gut?


Die Kritik ist berechtigt. Sehe es halt nur als Einstiegsseite wo man sowieso nicht lange verweilt. Aber wenn du sagst, daß es bei dir so zäh ist, werden wohl auch andere Leute das Problem haben. Gibt wohl keine alternative Slideshow, die weniger CPU fordert? Das gute alte animated GIF ist ja leider auch keine, aufgrund der schieren Größe.

Hab einfach mal drauf los gearbeitet um mir hinterher doppelte Arbeit mit der Korrektur zu machen.

Danke dir

Edit: Bei mir sieht es so aus:

Angehängte Grafiken

hauptseite.JPG (132,9 KB, 1x aufgerufen)

Nein.
Du sollst dich hinsetzen und Little Boxes komplett durcharbeiten, damit du ein Gefühl dafür bekommst, wie man an sowas rangeht.
Du kannst CSS nicht durch Raten erlernen. Glaub mir.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

oh no, bitte nicht.

Wenn du schon nicht weißt was relative Posit. bewirkt wirst du bei absolut. Positi. auch nicht durchblicken.
Auf die Schnelle mal eben durchhetzen bringt nix, du mußt es auch verstehen.

Das Contao solche inline-styles produziert ist natürlich ein absolutes Nogo.
Das werd ich mal testen und ggf. meine Contaokritik ergänzen.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus