nicht angemeldet
Elternelement verlängert sich nicht automatisch mit dem Innentei
Hallo Leute!
Ich habe ein wunderliches Problem. Vielleicht ist die Lösung auch Trivial, aber ich komme einfach nicht drauf und brauche mal Eure Hilfe.
Schaut Euch mal meine Testseite an:
http://www.mping.de/test/start.html
Hier sind alle Positionen mit CSS definiert.
Ich habe immer ein DIV als Kasten drumherum, darin drei DIVs, jeweils ein DIV oben, ein DIV mitte und unten ein DIV unten. Der Inhalt steht im DIV mitte.
Sowohl die Gesamtcontentbox mit Contentbox und Menü links als auch die Contentbox "Anfahrt" selbst sind nach diesem Schema gebaut.
Was ich nun nicht verstehe:
Die Contentbox passt sich in ihrer Höhe automatisch an den Inhalt an. Das bedeutet, dass egal wieviel Text oder Objekte ich dort eintrage die Länge des DIVs mitte sich daran anpasst. Die Höhe der ganzen Kiste habe ich nicht vorgegeben, sie passt sich automatisch an.
Bei der Gesamtcontentbox nun aber funktioniert das nicht. Wieso? Ich habe keine Ahnung. Das Konstrukt ist genau das gleiche. Nur passiert genau das, was man auch jetzt sieht, nämlich dass das DIV mitte der Gesamtcontentbox jetzt genau nur 1 px hoch ist und gleich der untere Teil folgt, dies komischer Weise auch noch über dem Content.
Wieso funktioniert das in einem Fall und in anderem nicht?
Habe ich ein float-Problem?
Die Seite ist übrigens Basis für ein PHP-Template, also nicht wundern dass die Links so komisch aussehen ...
Das dazu passende CSS liegt in http://www.mping.de/test/css/formate.css
Vielen Dank,
Matse
-
Versuche mal overflow: hidden beim Eltern-Element.
Gruß, LX
--
RFC 1925, Satz 2: Egal, wie fest man schiebt, ganz gleich, wie hoch die Priorität ist, man kann die Lichtgeschwindigkeit nicht erhöhen.-
Hallo LX,
versucht und gescheitert! Immerhin ist jetzt die dargestellte Seite gesamt so kurz, dafür liegen die Elemente jetzt falsch übereinander ...Das war es also nicht!
Weitere Vorschläge?
LG und danke trotzdem, Matse
Versuche mal overflow: hidden beim Eltern-Element.
Gruß, LX
-
Wenn Du die eigentlichen Inhalte absolut positionierst, kann das auch nicht funktionieren. Verwende float:left für die Navigation und den Content und packe das overflow: hidden in .Hauptfenster_mitte rein; dann klappt es auch mit der Positionierung.
Merke: position: absolute sollte man immer so sparsam wie möglich einsetzen.
Gruß, LX
--
RFC 1925, Satz 2: Egal, wie fest man schiebt, ganz gleich, wie hoch die Priorität ist, man kann die Lichtgeschwindigkeit nicht erhöhen.-
Eine andere Sache nebenbei:
du solltest die png Bilder mit runden ecken vermeiden weil sie z.B. im IE6 falsch angezeigt werden.-
du solltest die png Bilder mit runden ecken vermeiden weil sie z.B. im IE6 falsch angezeigt werden.
WTF?
-
du solltest die png Bilder mit runden ecken vermeiden weil sie z.B. im IE6 falsch angezeigt werden.
WTF?
die runden ecken sind ja logischerweise außen durchsichtig und das können ältere Browser nicht und das sieht dann nicht gut aus.
-
du solltest die png Bilder mit runden ecken vermeiden weil sie z.B. im IE6 falsch angezeigt werden.
WTF?
die runden ecken sind ja logischerweise außen durchsichtig und das können ältere Browser nicht und das sieht dann nicht gut aus.
Der IE6 kann PNG-8 mit index oder alphatransparenz einwandfrei darstellen, PNG-24 mit einem Filter.
Zudem sind "runde Ecken" nicht notwendigerweise halbtransparent, es gibt auch Dithering.
Weiters hat das alter des Browsers damit weniger zu tun ;)
-
Der IE6 kann PNG-8 mit index oder alphatransparenz einwandfrei darstellen, PNG-24 mit einem Filter.
geh mal auf die Seite http://meineipadresse.de/netrenderer/ und gib oben deine url ein und guck dir an was ich meine.
Weiters hat das alter des Browsers damit weniger zu tun ;)
ich meinte alte Versionen vom IE
-
Der IE6 kann PNG-8 mit index oder alphatransparenz einwandfrei darstellen, PNG-24 mit einem Filter.
geh mal auf die Seite http://meineipadresse.de/netrenderer/ und gib oben deine url ein und guck dir an was ich meine.Ich kann dir nicht folgen. Was ist mit "deine URL" gemeint und was soll ich wo sehen? ;)
Weiters hat das alter des Browsers damit weniger zu tun ;)
ich meinte alte Versionen vom IEZwischen meinen und schreiben ist ein großer Unterschied ;)
-
Der IE6 kann PNG-8 mit index oder alphatransparenz einwandfrei darstellen, PNG-24 mit einem Filter.
geh mal auf die Seite http://meineipadresse.de/netrenderer/ und gib oben deine url ein und guck dir an was ich meine.Ich kann dir nicht folgen. Was ist mit "deine URL" gemeint und was soll ich wo sehen? ;)
einfach deinen link "http://www.mping.de/test/start.html" oben neben die IE auswahl ein, stell auf IE 6 und drück render. dann bekommst du das Bild mit grauen Flächen wo es durchsichtig sein sollte.
-
Ich kann dir nicht folgen. Was ist mit "deine URL" gemeint und was soll ich wo sehen? ;)
einfach deinen link "http://www.mping.de/test/start.html"Ich hab' mit dieser Seite nichts zu schaffen.
oben neben die IE auswahl ein, stell auf IE 6 und drück render.
Ich hab' hier eine Reihe echter Browser zur Verfügung, warum sollte ich das über einen kastrierten Online-Dienst rendern lassen? :)
dann bekommst du das Bild mit grauen Flächen wo es durchsichtig sein sollte.
Nein, da sollte nichts durchsichtig sein - Works as desigend, der IE6 versteht kein PNG-24 + 8-Bit-Alphakanal. Daher wird (je nach Version) die definierte Hintergrundfarbe angezeigt oder grau bzw. schwarz ausgespruckt.
Es zeigt deutlich, dass der Ersteller der Seite entweder den IE6 bewusst ignoriert, den Fehler bisher nicht bemerkt hat (wenn es denn einer ist) oder schlichtweg gepfuscht (entwender beim Erstellen der Grafiken oder beim Erstellen des CSS) hat.
-
-
-
-
-
-
-
-
-
-