Hintergrund passt sich nicht automatisch an die Höhe an. (Container-DIV)

[martinhahn90]

Mahlzeit,

habe momentan das Problem, dass der Hintergrundcontainer nicht in Abhängigkeit von seinem Inhalt automatisch verlängert wird.
Das Problem hatte ich früher schon mal öfter, habe es dann immer mit einem Container gearbeitet, allerdings funktionierte das in diesem Fall nicht.

Der Container umschloss content-right und content-left und hatte nur die Eigenschaft height:auto.

Link zur Seite:
Link zur Style.css:

Über Hilfe würde ich mich sehr freuen!

 

[cebito]

AW: Hintergrund passt sich nicht automatisch an die Höhe an. (Container-DIV)

<span style='font-size:14pt'><strong><div style='text-align:center;'>Unterkunft</div></strong></span>

Was hat der div da drin verloren? Der gehört da nicht hin!
Und tu mir den Gefallen und rück deinen code komplett ein, keine Lust ne Stunde querzuscrollen...

 

[martinhahn90]

AW: Hintergrund passt sich nicht automatisch an die Höhe an. (Container-DIV)

Hi cebito.

Danke für deine Antwort. Der angesprochene DIV dürfte automatisch vom CMS (ist von 'nem Bekannten) erzeugt worden sein, um die Überschrift zu zentrieren.

Edit: Code eingerückt. Bis auf den Teil, der vom CMS automatisch eingefügt wird. Der ist immer in einer Zeile, sollte das Problem aber nicht verursachen.

 

[sokie]

AW: Hintergrund passt sich nicht automatisch an die Höhe an. (Container-DIV)

[COLOR=#000080]<span style='font-size:14pt'>[/COLOR][COLOR=#000080]<strong>[/COLOR][COLOR=#000080]<div style='text-align:center;'>[/COLOR]Unterkunft[COLOR=#000080]</div>[/COLOR][COLOR=#000080]</strong>[/COLOR][COLOR=#000080]</span>[/COLOR]

Das ist ungünstig deshalb, weil innerhalb des inline-Elements(<span>) kein Block-Element (<div>) notiert sein darf.
Nicht-valides html mact es teilweise unmöglich Darstellungsfehler zu fixen.
Also erstmal für valides html sorgen.

(und wenn du schonmal dran bist: pt ist keine Einheit die für Darstellungen auf Monitoren geeignet ist.)

 

[martinhahn90]

AW: Hintergrund passt sich nicht automatisch an die Höhe an. (Container-DIV)

Danke für den Hinweis.
Ich werde gleich einmal testen, ob der Fehler auch ohne CMS auftaucht. Denn sowohl pt als auch <span> und der darin vorhandene div-container wurden von dem cms generiert. Ich werde die Hinweise an den Programmierer weitergeben und hier gleich auch via edit den Link zur validen Datei (ohne cms-anbindung) liefern.




Edit: Habe es nun doch hinbekommen, dank eines Tipps von einem Freund:

Suche:

<div id="content">

Füge darüber ein:

<div id="contentHeader"></div>

Suche:

<div  id="content-left-close"></div>

Füge danach ein:

<div class="clearFloats"></div>

Suche in der CSS-Datei:

[css]#content {[/css]

Ersetze durch:

[css]#contentHeader {[/css]

Füge ein in der CSS-Datei:

[css]#content {
background-color:#ccc;
}
.clearFloats{
clear:both;
}[/css]

P.S.: Einfache Anführungszeichen sind deutlich besserer Stil.

 

[hubspe]

AW: Hintergrund passt sich nicht automatisch an die Höhe an. (Container-DIV)

Danke für deine Antwort. Der angesprochene DIV dürfte automatisch vom CMS (ist von 'nem Bekannten) erzeugt worden sein, um die Überschrift zu zentrieren.
Bis auf den Teil, der vom CMS automatisch eingefügt wird. Der ist immer in einer Zeile, sollte das Problem aber nicht verursachen.

sorry, aber wenn das CMS so einen Unfug macht, taugt es imho auch nix.

Warum greifst du nicht zu einem bewährtem CMS (Wordpress, etc.).
Da wird vernünftiger Code generiert, der auch nicht nur in einer Zeile ist.

edit. Bin jetzt mal dem Link gefolgt. Da liegt ja noch einiges mehr im Argen:
Ein unbrauchbarer Doctype (XHTML 1.1), warum steht hier (etwas runter scrollen!),
Links gehören in eine Liste,
keine leeren Elemente, in den header gehört die h1. Das Bild kann man mit Image Replacement drüberschieben.