Hallo,
ich überarbeite grade meine Homepage (layoutmäßig) und will u.a. die Frames abschaffen.
Dabei bin ich über dieses Beispiel gestoßen:
http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig_links
Vom Prinzip her würde ich die Navigation so einbinden. Damit ich aber die Navigation nicht auf x Seiten überarbeiten muss, wenn mal eine Seite dazukommt, wollte ich die Navigationsseite per object einbinden.
Dabei habe ich jetzt 2 kleine Probleme:
1. Wenn ich die html-Seite als <object> einbinde, erscheint rechts ein Scrollbalken, ich müsste die Höhe des Objektes (oder des div-Bereiches?) also festlegen. Oder gibt es dazu einer Alternative?
2. Die Navigation enthält - welch eine Überraschung - Links. Wenn ich nun auf einen Link klicke, öffnet sich die "neue" Seite in dem <div> Bereich, nicht über die ganze Seite. target will ich aber nicht verwenden (nicht XHTML-strict konform). Gibt es dazu eine Alternative?
Hier der Quelltext:
<div id="Navigation">
<object data="nav.html" type="text/html">Navigationsbereich</object>
</div>
<div id="Inhalt"><!-- Der Seiteninhalt --></div>
Das CSS habe ich größtenteils aus dem Beispiel übernommen...
Auf das wichtigste gekürzt:
#Navigation {float: left;}
div#Inhalt {
margin-left: 22em;
padding: 0 1em;
border: 1px dashed silver;
min-width: 16em;
}