Darstellungsprobleme im IE

[m!chi2k1]

Hallo Leute,

habe meine Page jetzt mal hochgeladen
Leider gibt es im Internet Explorer Probleme, die rechte Navi is nach unten abgerutscht wenn man die News aufruft.
Im Mozilla Firefox gibts keine Probleme

Hat einer ne Idee woran das liegen kann ?
hier die Seite
http://michi2k1.mi.funpic.de

dort auf News

ich seh keine probleme (IE 6; Win XP Pro)

[m!chi2k1]

komisch
also bei mir hängt, wenn ich auf News klicke, die rechte Navi unter den News.

Benutze auch IE 6 und WInXP

[steff11]

Effekt ist abhängig von der Browserfensterbreite: oberhalb 927px zappt die (überflüssige??) rechteNavi bei mir hoch, wo sie scheinbar hinsoll. Aber nur im Eingangsfesnster, bei den News bleibt sie eisern rechts bis zur Überlappung der News in der Mitte?

Nochwas: Für ein Bild dieser - wie mir scheint doch recht dürftigen - Qualität halt ich das Banner mit 270KB für deutlich zu groß. Ladezeit isdn min. 35sec. Ich hab mal so ganz auf die Schnelle eine 52kB große Alternative in den Anhang gesteckt - und da ließe sich noch viel mehr rausholen, z.B. mit selektiv wirksamer Kompression der jpgs, wenn du eine ordentlich Vorlage hast.

Grüssle, Stefan

[m!chi2k1]

also die is net überflüssig die rechte Navi, da soll noch was rein später

HAb jetzt eh nochmal ne neue Grafik gemacht. Ich weiss auch net wieso die andere 270 kb groß war.

Aber das Problem mit der rechten Navi hab ich immernoch.
Hab die ganzen Spalten (linke navi, news ) schon kleiner gemacht... leider bringt das nix

immer dasselbe Ergebnis
vielleicht liegts ja an meiner css File, die sieht so aus
#banner {
height: 200px;
}
#links {
width: 15%;
float:left;
}
#mitte {
width: 60%;
float:left;
}
#rechts {
width:25%;


}
is da irgendwas falsch ?

[steff11]

mach ma margins und paddings alle auf 0. Und setz die seitlichen Boxen auf eine feste Breite, die dehnen sich jetzt schon nicht mit.

[m!chi2k1]

Hi
danke für den Tipp. Mache das mit Dreamweaver die CSS.
Kannst du mir dafür den genauen Befehl sagen oder wie das in DW heißt

Danke !

[paul123]

steff11 meint sicher, für alle Elemente in der css erst mal die margins/padding auf 0 setzen:
body, h, ul, p, ... {margin:0; padding:0;} und dann je nach Element einzeln definieren. Schreibs einfach in die CSS oben rein.
-----------------
Warum das runterhüpft liegt sicher daran, da du das rechts floates, aber kein clear einsetzt (http://home.arcor.de/terrikay/tutori...ionierung.html). Aber es ist etwas sehr schwierig, deinem Code zu folgen, da dieser stark gemischt ist mit fest definierten Tabellen, festen und prozentualen Schriftgrößen, divs usw.

Ich bin auch nicht der Fachmann, aber es ist somit wahnsinnig schwer das ohne stundenlanges auseinandernehmen als Aussenstehender zu verfolgen. Deine CSS ist mit Classen unglaublich groß aufgebläht; das kann ich nur schwer nachvollziehen.

Ich würde mich an deiner Stelle entweder für Tabellen oder reines CSS-layout entscheiden.

[steff11]

css-Stil-panal auf > rechtsclick auf Stil > Bearbeiten > Abteilung Box > Auffüllen bzw. Rand.
Und die Boxbreite kannste da gleich mit einstellen.

Schneller gehts mit einem x-beliebigen texteditor im css-file:

...
margin: 0;
padding: 0;
...

[m!chi2k1]

Hi
also ich glaub ich bin leider etwas dämlich ..

wo genau soll ich das im CSS File eintragen mit
margin:0;
padding:0;

Unter dem Tag Body oder wie ?
Bin anscheinend leider etwas blööd ..
Es könnte auch daran liegen, dass die News ne eigene CSS-File haben ..
oder is das egal ..

[steff11]

Zitat von m!chi2k1

wo genau soll ich das im CSS File eintragen mit
margin:0;
padding:0;
Es könnte auch daran liegen, dass die News ne eigene CSS-File haben ..
oder is das egal ..

wenn beide css-Files IDENTISCH sind, isses egal, ansonsten ....
lass ma alle Sektionen mit den gleichen css-Angaben anzeigen
und margin und padding hätt ich für die links-, mitte-, rechts- boxen vergeben. (aber daran liegt das unterschiedliche Verhalten in der News-Sektion sicher nicht)