Höhenangabe für ein Scrollfreies Frame

Suche nach einer Art die Höhe zu deklrarieren damit das Frame nicht gescrollt werden muss

Schönen Samstag euch allen,

ich hab hier schoneinmal um Hilfe gebeten, letztes Mal war mein Sorgenkind PHP,
nun gehts mit CSS an einer anderen Baustelle weiter ^^.

So die Situation:

Ich bearbeite jetzt bald ziemlich genau 1 Jahr die Internetseite des Schützenvereins in dem ich bin als einziger Administrator.
Ich habe die Seite von einer anderen Administratorin übernommen allerdings in HTML4 und nicht in der organisationsreichaltigkeit
die ich mir gewünscht hätte.
Nun jetzt nach einem Jahr hab ich der Internetseite schon stark meinen Stempel aufgedrückt :D.

Jetzt zum Problem:

Ich habe in den Winterferien begonnen die einzelnen Teile der Seite auf HTML5 zu überarbeiten.
Ich bin schon relativ weit allerdings seither aufgrund der Schule nicht wirklich weiter gekommen.

Weil ich schon bemüht bin HTML5-valid zu arbeiten wollte ich nun den Seitenaufbau von Frameset wegzubringen.

Vorher war es ein 4-teiliges Frameset.
Linke Spalte für Navigation
Rechte Spalte für Neuigkeiten
in der Mitte oben das Logo
darunter der tatsächliche Inhalt

Nebenbei mal ein Entschuldigung dafür das ich jetzt schon einen halben Roman zusammen habe und nochnichtmal beschrieben hab wo ich hänge.

Mein Lösungsversuch das ganze mit Div's, und object/iframe über CSS zu lösen scheint mir als die einzige Lösung da,

Tabellen sind kein Mittel für Layouts
PHP, Perl und SSI sind in unserem Paket nicht enthalten

da ich nicht umbedingt in jede Datei jetzt den ganzen Schmodder mit Navigation, Head und Seitenleiste schreiben will hab ich mir das jetzt so überlegt:

Navigation - per Div an die linke Seite geschrieben
Neuigkeiten - per Div und untergeordnetem object an die rechte Seite gelegt - inhalt in extra Datei
Head - per Div an die obere Seite geschrieben
Inhalt - per Div und untergeordnetem object nach unten gelegt - inhalt variabel

Was ich möchte, ist das ich eine Art finde die Höhe des Div's für den Inhalt so festzulegen das er sich voll anzeigt und nicht gescrollt werden muss.
Das ganze muss aber relativ sein immerhin sind es ja gut 30 verschiedene Dateien die verschieden lang sind und ich will keinen ewig langen leeren Raum unten haben.
Ich bete darum das es geht so wie ich hoffe sonst waren ein paar Stunden Arbeit für die Katz

mfg Flo

Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben

Content-ID: 177827

Url: https://administrator.de/contentid/177827

Ausgedruckt am: 26.11.2024 um 12:11 Uhr

9 Kommentare

Neuester Kommentar

Hallo,

auch wenn ich es glaube ich nicht alles verstanden habe...

mach doch einen großen Div-Container um alles andere herum. Darin liegen dann die anderen Container.
Navigation und Neuigkeiten bekommen eine min-height und der Inhaltscontainer wird mit "top: 0; bottom: 0;" am Rand angedockt.

Ich hoffe du verstehst was ich meine

Bin sonst auch gern bereit ein Beispiel zusammenzuschreiben, bin momentan aber auf Arbeit und habe nur begrenzt Zeit.

MfG

Thomas G.

So wie ich das jetzt verstanden hab funktionierts nicht

Ich probiers immer online die Datei ist:
http://edelweiss-schuetzen.de/test.htm
Navigation und Head sind farbig hervorgehoben die Seitenleiste nicht is komplett object.

Die Bereiche hab ich jetzt so definiert:

<body>
<div class="gesamt">  

<!--Navigation-->
<div class="navigation">  
<!-- gekürzt ;) -->
</div>

<!--head-->
<div class="head">  
<img src="pixx/schuetzen.jpg" alt="Edelwei&szlig;sch&uuml;tzen" style="width:582px; height:36px; margin-top: 10px;" />  
</div>

<!--seitenleiste-->
<object data="seitenleiste.htm" type="text/html" name="seitenleiste" id="seitenleiste" class="seitenleiste">  
</object>

<!--Inhalt-->
<object data="verein.htm" type="text/html" name="mainFrame" id="mainFrame" class="mainFrame">  
</object>

</div>
</body>

CSS sieht jetzt so aus:

  body {
    margin: 0px; !important;
  }
  .navigation {
    position: fixed;
    left: 0px;
    top: 0px;

    min-height: 100%;
    width: 200px;
        
    text-align: center;
    vertical-align: middle;
    
    background-color: rgb(250,100,100);
  }
  .head {
    top: 0px;
    margin-left: 200px;
    margin-right: 200px;
    
    height: 50px;
  
    text-align: center;
    background-color: rgb(0,250,0);
  }
  .seitenleiste {
    position: fixed; 
    top: 0px;
    right: 0px;
    
    width: 200px;
    min-height: 100%;
  }
  .mainFrame {
    margin-left: 200px;
    margin-right: 200px;
    margin-bottom: 0px;
        
    min-width: 50%;
    min-height: 700px;
  }
  .gesamt{
    bottom:0px;
    top:0px;
  }

Das Logo solltest du mal als Wasserzeichen definieren, man sieht ja in der linken Ecke den Text gar nicht.

Was ich möchte, ist das ich eine Art finde die Höhe des Div's für den Inhalt so festzulegen das er sich voll anzeigt und nicht gescrollt werden muss.

was meinste damit? Scrollen muss der User immer, sobald er eine andere Auflösung hat bzw. der Text länger ist. Ich kann mir keinen 200 Zeilen Text komplett anzeigen lassen, außer ich stelle die Schriftgröe auf kleiner als Klein

Mfg
Mitchell

Das Logo solltest du mal als Wasserzeichen definieren, man sieht ja in der linken Ecke den Text gar nicht.

Des Frame is ja der Problemkandidat der soll eigentlich die 200px weiter rechts anfangen damit die Navigation eben nix verdeckt
an der Stelle hatte ich blos keinen Bock mehr weils mich einfach so nervt wenn was nich geht :D

was meinste damit? Scrollen muss der User immer

Nein ich mein sowas wie hier bei Administrator.de das der Inhalt schon komplett dagestellt ist man ihn halt blos in den Sichtbaren Bildschirmteil raufscrollen muss
Nich so wie wenn man jetzt auf die normale Seite schaut (www.edelweiss.schuetzen.de/index.htm) da is des ein Festes Raster auf der größe des Bildschirms und der Inhalt
wird dann am untersten Rand des Frame's erst raufgehohlt ich will eben das des in voller Länge schon alles dasteht.

Das man also die Gesamte Seite runterscrollt nicht nur des Frame.
Des find ich nämlich hässlich ich will dann auch so machen das der Schriftzug oben wegwandert beim scrollen.
Soweit klappt das ja es geht nur nicht das mitm Frame

Ich denke langsam, das sich sowas wirklich nur mit Serverseitigen Scripten lösen lässt die ich ja leider nicht habe -.-

Nimm die Frames komplett raus, dann klappt das auch. Der Link funktioniert nicht...gib mal neuen, dann reden wir weiter

Mfg
Mitchell

ja ganz ohne geht es nie
ich hab keine Serverseitigen Scriptsprachen.
ich kann ja jetzt nicht auf jede HTML Seite nochmal navigation und alles dazuschreiben.
Wenn ich einmal was ändern will an der Navi muss ich über 20 Dateien ändern.

Es sind eh nur der Inhalt (mainFrame) und die Leiste mit den neuigkeiten (seitenleiste) als frames
der Rest steht direkt in der Indexdatei.

ich meinte http://www.edelweiss-schuetzen.de/index.htm

Kurz gesagt mein ich halt das man die Ganze Seite nicht das Frame scrollt.

Frames scrollen sich immer einzeln, die hängen halt nicht zusammen...entweder nutzt du die Frames und versuchst einen wrapper drum zu basteln (zusätzliches <div>) , was die erwünschte Wirkung erzielen kann, muss aber nicht. Oder du arbeitest ohne Frames und kannst die Seite im Style so aufbauen, wie du sie sehen willst.
Sorry, aber mehr Möglichkeiten hast du einfach nicht und ganz ehrlich...bei 20 Dateien wärs mir das Ändern noch wert

Mfg
Mitchell

mhh ja ich denke ich werd jetzt auf die zweitsimpelste Variante wechseln.
Werd mir jetzt alles vom Webspace runterladen und bastel mir Lokal mal ein upgrade der Seite.
Dann komm ich auch endlich dazu alles in HTML5 zu übertragen.

Ich werd jetzt in jede Seite Head, Navi und die Seitenleiste eingliedern und dann im Allgemeinen Stylesheet die Positionen definieren.

die 20 immer einzeln ändern wär bei mir aber etwas blöd :D
Ich bin da so der Spezialist, der sich dann alle 3 Dateien was neues überlegt und wieder alles neue ändert
(Hab gerade beim Runterladen gemerkt das es mit allen Bildern 511 Dateien sind ups ich hab mir etwas Arbeit angetan :D)

aber vielen Dank