Internet Explorer und kein Ende

stfm · Neuer [**User**] Anmeldung: 13.08.07 Beiträge: 6 Wohnort: GM

Hi !

Ich bin neu hier. Ansonsten habe ich mich immer so durchgehangelt, aber nun bin ich mit meinem Latein am Ende und suche Hilfe hier im Forum.

Ich möchte für einen Freund eine Internetseite gestalten. Dabei habe ich vier horizontal angeordnete Buttons. Diese sollen gleich breit sein, aber mit der Schriftgröße wachsen.

Es ist natürlich mühselig alles zu beschreiben, und ich bin im umschreiben auch nicht sehr begabt. Also habe ich hier einen Link dazu:

http://www.stfm.de/brandywebtest/index.htm

Beachtet bitte, daß es sich vorerst nur um Layoutversuche handelt. Es ist auch nur der gelbe Button mit einer Unterseite belegt (Die im IE übrigens auch ziemlich gruselig aussieht und auch sonst noch nicht meinen Vorstellungen entspricht).

Da ich zu Hause nur Linux nutze muss ich immer in der Mittagspause auf der Arbeit schauen wie es aussieht, und bin immer wieder entsetzt. Unter Wine läuft IE bei mir nicht.

Dieser IE macht mich echt wütend. Wie kann Microsoft als großes Softwareunternehmen nur so fanatisch an seiner Interpretation von CSS festhalten und so anderen den Tag vermiesen.

Es wäre nett wenn jemand einen Tip hätte wie ich das mit den Buttons hinbekommen kann (Die Abrundung geht ja nur im Firefox, das ist mir klar und es ist auch okay wenns eckig ist.). Die Transparenz der png Dateien und das total üble Aussehen der Folgeseite ist erstmal nicht so wichtig, da hab ich mich noch nicht mit beschäftigt. ich wills ja auch erstmal selber probieren zu korrigieren.

Vielen Dank!

Gruß, Steffen

chris1988 · Bekannter [**User**] Anmeldung: 12.12.05 Beiträge: 1688

Da hat man eben einen elendig langen Post geschrieben und dann schließt man versehentlich das Fenster Geschockt

Wie auch immer:

Hab' mal was gebastelt, ist ein bisschen umständig, funktioniert aber bei mir in FF2, IE6+7:

http://www.bethel-maerchen.de/sonstiges/ww_navigation.zip

Beim IE6 haben die Listenelemente nur eine Breite von 24.2%, alles was darüber geht wird komischerweise Chaos Geschockt

Die abgerundeten Ecken sind jetzt gif-Bilder, die Hintergrundfarbe darin entspricht der helleren Farbe deines Seitenhintergrundbildes - Fällt also kaum auf.
(Letzteres würde ich dir übrigens empfehlen als gif zu speichern, der IE6 stellt das so nämlich ziemlich komisch dar!)

Das ganze ist schon ziemlich komplex - bei Fragen also einfach nachfragen Winken

Schönen Gruß,

chris

PS: Bitte gleich abspeichern und bescheid sagen, dann nehm ich die Datei wieder vom Server...

EDIT(PPS): Deinen HTML-Dokumenten fehlt ein Doctype!

stfm · Verfasst am: 14.08.2007, 14:49 Titel:

Hi Chris!

Vielen Dank! Ich schaus mir direkt heut Abend zu Hause an. Datei hab ich runtergeladen. Kannst sie also wieder vom Server nehmen.

Gruß, Steffen

chris1988 · Bekannter [**User**] Anmeldung: 12.12.05 Beiträge: 1688

alles klar Winken

thepiep · Verfasst am: 14.08.2007, 21:51 Titel:

das ist mal wieder der typische IE rechen Fehler 50% + 50% = 100,1%

wahrscheinlich rechnet der IE die prozenzt in pixel um, rundet dann auf und schon passt der krempel nicht in eine zeile...

man, das kostet immer nerven, wenn man das nicht weiß... gott sei dank ist der ie7 etwas besser, ... etwas....

chris1988 · Bekannter [**User**] Anmeldung: 12.12.05 Beiträge: 1688

ne, das isses nicht...

Hab' die einzelnen Listenelemente ein float:left und width:25% verpasst, soweit klappt das auch noch - erst wenn ich innerhalb eines block-Elementes innerhalb des Listenelementes ein Element definiere, das ein float:right besitzt ( Lachen

), spinnt der völlig...
praktisch (vereinfacht):