Schon wieder ein probelm

[Greatstuff]

Hi!

Ich habe (wieder mal) ein Problem beim erstellen meines neuen Layouts für www.greatstuff.at

Ich sitz da jetzt seit Tagen dran und komm nicht weiter, weil ich einfach zu wenig ahnung davon habe, ich hoffe es ist wieder jemand so nett und kann mir helfen. Mal ein Link zur Datei:

http://www.greatstuff.at/test/test.html

Die Probleme sind folgende:

IE: Ich sehe keinen Text in der Info und Navi box, auch kann ich keine border definieren (also können schon, sehen tut man aber nix), sonst sitzt aber alles an der richtigen stelle und hat die richtige größe.

FF / Opera: Bei diesem Browsern sieht das ganze schon böser aus. Ich sehe hier zwar den Text in besagten Boxen, allerdings ist der Footer nicht an der richtigen Stelle. Ausserdem ist so eine seltsame Kante unter den beiden Boxen und ich weiß nicht wieso... Also das hat irgendwas mit dem Bereich page / inhalt zu tun.

Ich wäre euch sehr, sehr verbunden, wenn ihr mir sagen könntet was ich falsch gemacht habe, ich bin mit meinem Latein echt am Ende, total verzweifelt und ich würde mich wirklich total freuen wenn mir wer helfen könnte!

mfg
Stefan

[skittles]

ähm hab selber grad zu kämpfen mit meiner Site, daher kann ich nur kurz reinschauen *gg*

Aber mal ein paar Dinge, damit dir net fad werden

gib mal der navi und der Info Box die Werte height: 100%;

[Laus]

Hallo Stefan
Wenn du für #navi und #info ein width:150px; angibst dann musst du entsprechend im #Inhalt die Werte auf margin:0px 160px 0px 160px; ändern da sich die Container sonst überlappen.
Deinem footer gibst Du noch ein position: absolute;dann dürfte es auch im IE funktionieren.
Gruß Xaver

[Greatstuff]

Danke für eure Tipps, ich hab das mal ausprobiert.

Gebe ich der navi und info box die höhe 100%, geht der footer irgendwo ins nirgendwo (ziemlich weit runter)...

Hab der inhaltsbox den neuen margin gegeben, stimmt, Container überlappen sich jetzt nicht mehr. Sehe im IE aber trotz der Änderungen noch keinen Text...

Footer hat position:absolute bekommen, ist jetzt auch ganz unten, aber: Ist jetzt nur mehr so breit wie der Text, gebe ich width:100%, ergibt das nen ganz lustigen Fehler in Opera und ff (footer rutscht runter ->seitlicher und waagrechter Scrollbalken), im IE rutscht er zwar ned runter, wird aber zu breit und ich sehe keinen rechten rahmen.

Desweiteren geht die Inhaltsbox im FF und Opera nicht runter bis zum Footer und ausserdem überlappt sich die Inhaltsbox mit dem Footer (ist denk ich mal ein Problem mit der height angabe der inhaltsbox)...

Ich stell jetzt noch mal die datei mit den änderungen rauf (link oben, versuche aber noch schnell die height Angabe der Inhaltsbox auszubessern), damit man sehen kann was ich meine. Auf jeden Fall danke an euch beide, hat mir schon ein bisschen geholfen! und skittles, viel Erfolg mit deiner Webseite!

danke schon mal!

//edit:

Ich habe jetzt der Inhaltsbox einen linken und rechten Rahmen gegeben, da die beiden Boxen links und rechts ja nicht an der Inhaltsbox anstoßen und auch nicht bis ganz nach unten gehen. Passt so aber denke ich.

Habe die Größe der Inhaltsbox mit den Attributen height und min-height den Browsern angepasst, stimmt jetzt denke ich auch so.

Bleibt nur mehr noch das IE Problem, dass ich in den Boxen links und rechts keinen Text sehe (in Opera und FF funktionierts!).

Ach ja, und das Problem mit dem Footer, der ist jetzt nur so breit wie der Text der in ihm drinnen steht. Ausserdem ist mir aufgefallen, dass der Footer ein Pixel unter dem unteren Rand aufhört - fällt besonders dann auf wenn der Inhalt länger wird und man muss scrollen (sieht man auch, wenn man das Fenster schmäler macht).

Gut, werde mich daran jetzt noch ein bisschen herumspielen, den momentanen Stand der Dinge kann man jetzt dem Link oben entnehmen.

Ich kann mich nur noch einmal für eure freundlich Hilfe bedanken!

//edit Nr. 2:

Ich wollte eigentlich alleine draufkommen, aber ich bin im Moment irgendwie total unkreativ. Der eine oder andere wird sich bestimmt schon gedacht haben "diese Blautöne sehen irgendwie schwul aus (o.ä)"... Naja, ich frage jetzt einfach mal, welche Farbtöne sind denn so zu empfehlen, in Bezug auf Lesbarkeit und Aussehen? Oder ist das blau gar nicht so schlimm wie ich denke? Oder sollte ich mir darüber sowieso erst Gedanken machen, wenn das Layout funktioniert? Was haltet ihr vom Header, kann ich den lassen oder sollte ich einen besseren entwerfen? Ich weiß, die Fragen haben nichts mit CSS zu tun aber ich denke nicht, dass es sich deswegen lohnt einen neuen Thread zu eröffnen. Im Moment ist sowieso vorrangig, dass das Layout mal funktioniert.

//edit Nr.3:

So, ich hatte wieder mal ein Erfolgserlebnis. Hab es jetzt zusammen gebracht, den Footer korrekt zu positionieren. Hat an der höhe der Inhaltsbox gelegen, dass das nicht hingehauen hat. Jetzt gehts aber. Bleibt nur mehr noch das Problem, wie ich den Text wieder in die Navi und Info Box bekomme, wenn mir da wer helfen kann - Bitte bitte bitte, wäre echt sehr nett! Das Momentane Ergebnis kann man begutachten, indem man dem Link oben folgt.

Danke schon mal im vorraus

mfg
Stefan

[Laus]

Füge mal

Code: Alles auswählen

* html #page  {
height: 1%;
}

in dein css ein dann wird auch im IE der text angezeigt.

*Edit*
Für dein Farbproblem hab ich hier und hier etwas.

[Greatstuff]

Das hat mein Problem leider nicht gelöst... So etwas ist schon vorher mit 100% da gestanden. Was sollte das bezwecken?

Danke für die Tipps zu den Farben.
Und noch was anderes, ich bekomm wenn ich mit dem CSS validator schauen will ob der CSS code valide ist einen Fehler in Zeile 85, der sagt mir gar nix ich weiß nicht wie ich den wegbekomm, vielleicht hat das ja auch was mit dem Schriftnichtanzeigen zu tun?

Danke für eure Mühe!

mfg
Stefan

[Laus]

Copiere genau diesen Code und füge ihn indein css an irgend einer stelle ein.

Code: Alles auswählen

* html #page {height: 1%;}

Nicht einfach in #page height:1% einfügen sonder diesen nur für den IE sichtbaren Code.

*Edit*
Zu deinem Fehler beim validieren

Code: Alles auswählen

border-style:outset;
border-color:#000000;
margin: -50px 0 0 0;/*für footer stick alt*/ }

muss es richtig heißen nicht

Code: Alles auswählen

border-style:outset;
border-color:#000000;}
margin: -50px 0 0 0;/*für footer stick alt*/

[Greatstuff]

ja, ich weiß, hab ich auch nicht gemacht. Es ist genau der code mit 100% da gestanden. Ich versuch nochmal. Weisst du was das für ein Fehler sein könnte beim validieren?

Oh, da warst du wohl schneller

Aber: Es funktioniert jetzt wieder, ich sehe wieder Schrift in den Boxen! Ich bin dir soooo dankbar!!!! Jetzt ist allerdings der Footer wieder nicht am bottom ausgerichtet, das muss ich jetzt mal anschauen. Link wird gleich wieder aktualisiert!

Danke!!

//edit: Jaaaa!! Mein Design funktioniert jetzt! bei einer Auflösung von 1280x1024 wird im IE und Opera alles korrekt angezeigt, nur im FF gibts nen vertikalen scrollbalken weis ich aber nicht warum genau, hat irgendwas mit der height angabe des inhalts zu tun, ist aber nur geringfügig und kaum der rede wert! Ich bin dir echt so dankbar dass du mir so viel geholfen hast, danke!!! Der Link zeigt jetzt wie es im Moment aussieht. Falls wer einen Fehler findet, meldet mir diesen bitte, das wäre ganz nett!

Nochmal ein fettes Dankeschön @ laus!!