Frage Menülink in einem speziellen DIV öffnen

[liebergott]

Hi Leute!

Ich hab eine Homepage mit einem Logo und einem einfachen Menü oben. Jetzt möchte ich einfach die Links vom Menü in einem DIV öffnen, welches unterhalb
des Menüs positioniert ist.
Mein Problem ist, daß der Text nur in einem kleinen Rechteck geöffnet wird und nicht die gesamte Breite der hellgrauen Box ausfüllt.
Siehe dazu bitte Screenshot!

Ich hab die ganze Seite als ZIP-File zum Download abgelegt: http://workupload.com/file/5uIXgsIU

Die Startseite wird korrekt dargestellt (wie ich es mir wünsche). Wenn man aber auf "KONTAKT" klickt, sollte der Text und Inhalt die selbe Breite haben, wie auf der Startseite.

Ich bin schon am Verzweifeln und hoffe auf eure Hilfe!

LG,
liebergott

 

[bdt600]

Crossposting :(

 

[SpiceLab]

Laut Firebug wird da ein <object> generiert, das keinerlei CSS-Formatierung bzgl. der Breite besitzt.

object {width:100%}

 

[liebergott]

object {width:100%}

hmmm - aber welches Objekt soll das sein?
ich würde den string nur im menu.css finden, was ja mit dem gewünschten DIV unterhalb nichts zu tun hat.
ich bin echt ratlos...

 

[SpiceLab]

hmmm - aber welches Objekt soll das sein?

Nach dem Aufruf von "Kontakt" einfach Rechtsklick über dem Element und Element untersuchen wählen, um den Quellcode zu analysieren.

Und schon findet sich dieses hier:

<div id="container">
  <section id="content">
    <object type="text/html" data="kontakt.html">...</object>
  </section>
</div>

Und diesem Element fehlt eben besagte CSS-Regel, damit es sich über die ganze Breite erstreckt.

 

[liebergott]

aaah - ich verstehe - danke.
Ich hab nun die width=100% und height=600 angegeben.
Ist zwar jetzt schon ein recht gutes Ergebnis, aber das Wunschergebnis wäre, daß es so aussieht, wie die Startseite - also dann der Inhalt des Ganzen nur mit dem Scrollbalken rechts außen zu scrollen wäre.
Ist ein wenig schwierig zu beschreiben - ich hoffe, es ist halbwegs verständlich - ich häng noch einen Screenshot an...

Kurz gesagt nochmal:
Ich hätt sämtliche Inhalte der einzelnen Menüpunkte so dargestellt, wie die Startseite (siehe Screenshot Startseite.jpg) ...


Ergänzung:
Möglicherweise ist das Öffnen und Darstellen der Subsites (durch das Anklicken der Menüpunkte) mit dem Funktionsaufruf

<script>
function load_home(){
document.getElementById("content").innerHTML='<object type="text/html" data="kontakt.html" width="100%" height="600px" style="overflow:hidden; width: 100%px; height: 600px"></object>';
}
</script>

nicht so gut - ich bin auch gern für Alternativlösungen bereit...hab nur keine andere Möglichkeit gefunden, den Inhalt der Subseiten in dem unteren DIV aufzurufen...

 

[SpiceLab]

Wenn schon clientseitig Inhalte nachträglich in das Dokument geladen werden sollen, ist AJAX das Mittel der Wahl.

Und weil jQuery schon genutzt wird entsprechend: http://api.jquery.com/jquery.ajax/

Und hier noch ein Praxisbeispiel: http://www.sitepoint.com/introduction-jquery-shorthand-ajax-methods/