|
|||
Hintergrund wird nicht angezeigt: Verschachtelungsproblem??
Hallo,
hatte bis dato eine Baukasten-Homepage bei Oyla, die ich jetzt mit XHTML und CSS auf einen freien Webspace umziehen möchte. Leider verlängert sich bei meiner Testseite der Hintergrund in Opera nicht mehr nach unten; bei IE wird er aber korrekt angezeigt. Kann das daran liegen, dass bei Opera verschachtelte divs nicht richtig interpretiert werden? Habe schon alles mögliche ausprobiert, aber das Problem noch nicht gefunden CSS ist valide, aber der Quellcode noch nicht. Was mache ich falsch??? Hier das Stylesheet. Wäre prima, wenn mir jemand weiterhelfen könnte! Danke im voraus! Trantea |
Sponsored Links |
Sponsored Links |
|
||||
Das Problem bei deiner Webseite ist im Grunde recht simpel - jedenfalls soweit ich die Sache durchblicken konnte.
Was die Höhe angeht, ist float sehr fieß. Wenn du ein Div-Container hast, dessen Inhalt nur mit float-Eigenschaften bestückte Kinderelemente besitzt, hat der Div-Container keine Höhe. Erst wenn du mit einem nachfolgenden Element clear verwendest, "erkennt" der Browser das Problem und fänt ab dem letzten Element mit clear an, sich größentechnisch anzupassen. Ich hoffe die Problematik ist soweit klar geworden. Mehr Infos findest du unter folgendem Link: clear: Umfließen von Elementen beenden: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
__________________
Very Important Pixel |
|
|||
Hallo Experten,
da bin ich wieder. Quellcode und CSS sind jetzt valide. Leider besteht mein o.g. Problem immer noch. Mein Lieblingsbrowser Opera fügt oben einen Rand ein und weigert sich hartnäckig, den Hintergrund bis zum Textende zu verlängern, wohingegen der IE die Seite korrekt anzeigt! @Lemmi: An den Floats kann es doch eigentlich nicht liegen, weil der IE die Seite richtig anzeigt, oder? Außerdem werden die Tags für die Zeilenumbrüche <br /> beim Counter immer dargestellt und nicht verarbeitet... Könnt Ihr mir helfen und sagen, woran das liegen könnte? Wenn ich diese Probleme gelöst habe, kann ich nämlich endlich meine restlichen Seiten fertigstellen und hochladen... ! Viele Grüße Trantea |
|
|||
Die Fehler macht der IE, nicht die anderen Browser (z.B. auch Firefox).
Der Hintergrund wächst nicht, weil deinem Float das Clear fehlt. Arbeite die Artikel unter Punkt 2 in den FAQ des CSS-Bereichs durch. Der Abstand oben entsteht durch "Collapsing Margins" (Suchfunktion, Google). Du kannst den Margin durch Padding ersetzen. |
|
|||
Juhuuuu, es funzt! Vieeeelen Dank fricca für die kompetente und schnelle Hilfe! Waren wohl doch eher Anfängerprobleme ...
Jetzt hab ich nur noch diese ungeparsten <br />s. Wenn da noch jemand 'n Tip hat...? Ich habe in dem Counter-php-script schon alles, was nach einfachen Zeilenumbruch-Tags aussah, in geschlossene Tags geändert, aber irgendwie erkennt der Parser die nicht Viele Grüße Trantea |
|
||||
Wenn diese counter-php-Datei nicht so groß ist, wäre es hilfreich, wenn du diese Datei mal in ihren für uns wichtigen Zügen hier zeigen könntest. Also immer da, wo du Änderungen vorgenommen hast. Wenn das nicht hilft benötigen wir eventuell die gesamte Datei.
Ein ganz anderes Problem: Dein einleitendes head-Tag ist nicht geschlossen.
__________________
Very Important Pixel |
|
|||
@Lemmi: Danke, dass Du mal drüber schauen möchtest. Versuche gerade mal das php-Script hier einzustellen (habe ich noch nie gemacht). Oben im Script habe ich die Statistiktrennung editiert:
$splitting = "<br />"; // Statistiktrennung Hier der untere Teil des Scripts: PHP-Code:
Viele Grüße Trantea |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hintergrund wird in keinem Browser angezeigt | Miya | CSS | 3 | 24.02.2010 01:09 |
Button Value und Hintergrund wird nicht angezeigt | img | CSS | 4 | 16.01.2009 14:15 |
ie6 hintergrund wird nicht angezeigt | tanaka | CSS | 2 | 01.08.2008 15:35 |
Div Orientierung | Leonidus | CSS | 22 | 30.05.2007 18:05 |
Sehr eigenartiger Fehler: Hintergrund wird nicht angezeigt | heffalump | CSS | 8 | 17.08.2005 13:51 |