CSS IN FIREFOX ---> Katastrophe

[Boris]

Sorry, ingo.o, das musste sein

Genau Rea, "das musste sein". Wirklich? Sich darüber aufregen, dass ich eine Kleinigkeit Offtopic geschrieben habe, aber selbst noch eins drauf setzen, ist also ok?

[Rea]

Das Thema ist ja nun offensichtlich so weit geklärt.
Ich wollte in Ergänzung zu Lipsums Beitrag, dem ich
im Übrigen nur beipflichten kann, einfach mal die
Geschichte vom Glashaus erwähnen.

[Rinaldo]

Hm, ganz schön was los hier …

Ich hab mir jetzt nicht die Zeit genommen, mir Code und CSS anzusehen, aber ein paar "helfende" Worte kann ich evtl. trotzdem schreiben:

Farbliche Änderungen der Scrollbalken werden eigentlich NUR im Internet Explorer dargestellt (ist so eine Erfindung von MS).

Z.B. "Veröffentlichungen": Hier werden die Boxen im Firefox zu breit dargestellt - ich hatte mal ein ähnliches Problem und das lag an einer fehlenden Px-Angabe im Code.

[rednug]

Hi niknaim,

ich schließe mich erstmal der Aussage von lipsum an.
Ich selbst hatte auch mit DW angefangen und war stolz. Ich bekam dann in einem anderen Forum auch ganz tolle Ratschläge. Bald mußte ich aber erkennen, dass DW eine gute Sache ist, jedoch nicht ausreicht. So befasse ich mich jetzt halt mehr mit Quelltext, wobei auch da DW gute Dienste leistet. Ist jedoch leider nicht vollkommen, genau wie ich.
Ich selbst bin auch ein Frame-Anwender, weil ich hierbei die vielvältigsten Gestaltungsmöglichkeiten sehe. Andererseits werde ich wohl oder übel in Zukunft darauf verzichten, weil es halt so ist.
Provokatorisch könnte ich jetzt sagen, dass es gar "aufgezwungen" wird. Andererseits sind viele neue Dinge auch noch nicht im richtigen Kochtopf.
Noch eine Anmerkung zu deinen Seiten.
Unabhängig von der Frameanwendung. Bei Opera und Netscape kommen bei mir auch einige andere Effekte in der Navigation.
Bei "noborderlinefilms" überprüfe mal die Verlinkung von Gästebuch zurück zur Homepage. Da bleibt bei mir was übrig von Gästebuch.

Tschau Gunder

[niknaim]

Hallo an Alle,
erst mal vielendank für eure Tips, hätte nicht gedacht, dass sich soviele mit meinem Problem beschäftigen. Ich werde da wohl noch ein bißchen Zeit brauchen um das ganze (CSS) so richtig zu verstehen.
Jetzt mal eine Konkrete Frage:

Ich habe meinen Text per Style formatiert. Ebenso die dazugehörige Überschrift.
Da der Abstand einer ganzen Zeile mir zuviel ist habe ich ein "margin-bottom: -15px;" für die Überschrift gesetzt. Im Explorer siehr das genauso aus wie ich will, im Firefox nicht. Zumindest erscheint der Abstand zwischen Überschrift und Text kleiner. Kann der nicht für beide Browser gleich sein?

Hier mein Styesheet und der Link (http://www.owicom.de/n/igz/):

.styles {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
h1 {
font-weight: bold;
color: #003366;
background-image: url(bilder/titel_but.gif);
padding-left: 15px;
background-repeat: no-repeat;
font-size: 11px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: -5px;



}

Bin Dankbar für eure Hilfe
Niklas

[paul123]

Hi niklas.

.styles {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
}
h1 {
font-weight: bold;
color: #003366;
background-image: url(bilder/titel_but.gif)no-repeat;
padding-left: 15px;
font-size: 11px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: -5px;

das fette kannst du kürzen (macht Sinn bei langen Dateien), das fette & kursive kannst löschen, wenn du folgendes machst:

html, body, h, p,.../*hier die verwendeten Elemente einsetzen*/
{margin: 0; padding:0;}

damit setzt du erst mal alles auf Null und kannst somit jedem Element deine Formatierung übergeben. Das sollte auch den Unterschied deines Probl. entfernen.
(denk ich mal... )

Grüße paul123

[niknaim]

Danke,
aber irgedwie klaptt es immer noch nicht. mein Code sieht jetzt so aus. Ist das richtig?


h1, p,
{margin: 0; padding:0;}

.styles {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
}
h1 {
font-weight: bold;
color: #003366;
background-image: url(bilder/titel_but.gif);
padding-left: 15px;
background-repeat: no-repeat;
font-size: 11px;


}

Der Abstand im IE ist immenoch kleiner

Gruß Niklas

[Philippp]

Ich habe mir angewöhnt mein Stylesheet so zu beginnen:

*{margin:0px; padding:0px;}

Eine Interessante Diskussion zu dem Thema wie man das hinkriegt das alle Browser mehr oder weniger "gleich" die Seite anzeigen findest du hier Thread im XHTMLFORUM
Gruß, Philippp
PS: Was das "programmieren" von HTML Seiten angeht, ... naja, zum schmunzeln bringt es mich schon. Ist doch auch besser wenn man es so mitbekommt als wenn man beim Vorstellungsgespräch im W3C angibt das man schon seit Jahren HTML programmiert :-).

[niknaim]

hallo Phillip,
danke, damit funktionierts!

Gruß Niklas

[321]

Ich möchte mal auf die Navigation ansprechen.
Ob der Flash dazugehört? Der sieht ja mal ganz nett aus, wird aber erst nach paar Ein-/Ausblendungen klickbar. Die > suggerieren mir einzelne Links, es führen aber alle zur Teamübersicht.

In der Navi links steht:
Management- und
Beratungsverständnis
wovon nur die erste Zeile Maussensibel ist.

Die Seite gefällt mir gut, sie ist schön gestaltet und sinnvoll aufgeteilt.
Damit meine ich das Flächenverhältnis von Navi, Headerbild und Inhalt und ncht das Frameset, welches überflüssig ist.
Die Seite home.htm sieht alleine fast gleich aus wie das ganze Frameset (kleiner Positionierungsfehler unten)

soweit aus IE6-Sicht ...

[niknaim]

Hallo 321,
danke für Deine Hinweise.
mit den "Buttons" in der Flash-Animation magst Du Recht haben.

Das Problem:
"
In der Navi links steht:
Management- und
Beratungsverständnis
wovon nur die erste Zeile Maussensibel ist."

habe ich schon versucht zu lösen. Verzweifle aber dran. Wenn ich dem unteren Wort ebenfalls einen link gebe wird auch nur der untere Bereicht links daneben weiß. Vielleicht hast Du eine Idee? Könnte Dir auch das Sytlyshett schicken mit dem ichs gemacht habe.

Frames habe ich benutzt, damit die a:active-Zustände (weißer Balken links) angezeigt werden. Ich hatte es erst anders, aber dann ist derr Zuistand immer zurückgesprungen.

Freut mich, dass Dir die seite gefällt,

Niklas

[321]

<a href="xyz.htm">erste Zeile<br>zweite Zeile</a> ist völlig legitim!

active Links: Ich möchte hier nicht mit fremden Anwendungstricks angeben,
ein guter ist jener den Boris auf Eva's Seite anwendet.
Ob er den Link hier nochmals postet?

[Boris]

www.ballettmodel-eva.de