Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

gelöst Höhenangabe für ein Scrollfreies Frame

Mitglied: DaFloWaDa

DaFloWaDa (Level 1) - Jetzt verbinden

17.12.2011 um 15:48 Uhr, 4003 Aufrufe, 9 Kommentare

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,
      1. Tabellen sind kein Mittel für Layouts
      2. 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
Mitglied: Naderio
21.12.2011 um 13:06 Uhr
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.
Bitte warten ..
Mitglied: DaFloWaDa
21.12.2011 um 18:04 Uhr
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:

01.
<body> 
02.
<div class="gesamt"> 
03.
 
04.
<!--Navigation--> 
05.
<div class="navigation"> 
06.
<!-- gekürzt ;) --> 
07.
</div> 
08.
 
09.
<!--head--> 
10.
<div class="head"> 
11.
<img src="pixx/schuetzen.jpg" alt="Edelwei&szlig;sch&uuml;tzen" style="width:582px; height:36px; margin-top: 10px;" /> 
12.
</div> 
13.
 
14.
<!--seitenleiste--> 
15.
<object data="seitenleiste.htm" type="text/html" name="seitenleiste" id="seitenleiste" class="seitenleiste"> 
16.
</object> 
17.
 
18.
<!--Inhalt--> 
19.
<object data="verein.htm" type="text/html" name="mainFrame" id="mainFrame" class="mainFrame"> 
20.
</object> 
21.
 
22.
</div> 
23.
</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; 
  }
Bitte warten ..
Mitglied: Mitchell
14.01.2012 um 20:03 Uhr
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
Bitte warten ..
Mitglied: DaFloWaDa
15.01.2012 um 14:11 Uhr
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 -.-
Bitte warten ..
Mitglied: Mitchell
16.01.2012 um 00:28 Uhr
Nimm die Frames komplett raus, dann klappt das auch. Der Link funktioniert nicht...gib mal neuen, dann reden wir weiter

Mfg
Mitchell
Bitte warten ..
Mitglied: DaFloWaDa
16.01.2012 um 17:15 Uhr
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.
Bitte warten ..
Mitglied: Mitchell
17.01.2012 um 10:58 Uhr
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
Bitte warten ..
Mitglied: DaFloWaDa
17.01.2012 um 13:12 Uhr
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
Bitte warten ..
Mitglied: Mitchell
17.01.2012 um 20:56 Uhr
enjoy ^^

PS: Dies sind 30 Zeichen
Bitte warten ..
Ähnliche Inhalte
Webentwicklung
Webseiteeinbettung in Frames
Frage von 118722Webentwicklung11 Kommentare

Hallo, ich hatte vor, diese Webseite in einer Frame auf meiner Webseite einzubetten: , jedoch mit wenig Erfolg, da ...

HTML

Größe eines Frames ändern

gelöst Frage von 113909HTML2 Kommentare

Habe folgenden Frame zum einbinden auf meiner Website: <iframe frameborder="0" src="{URL}"></iframe> Soweit funktioniert alles, jedoch wird der Frame in ...

JavaScript

(Frame)Text ausblenden - Usersript

gelöst Frage von rsadmchefJavaScript1 Kommentar

Hallo Team, benötige ein wenig Javascript um einen gewissen Begriff in einer HTML Textseite nicht anzeigen zu lassen. Der ...

HTML

HTML Hintergrundfarbe unter Frame

gelöst Frage von freenodeHTML5 Kommentare

Hallo Kollegen, momentan versuche ich einfach so aus Spaß an der Freude meine zugegebenermaßen sehr rudimentären Schul-HTML-Kenntnisse ein bisschen ...

Neue Wissensbeiträge
Sicherheit
Sicherheitsrisiko: Die Krux mit 7-Zip
Information von kgborn vor 8 StundenSicherheit

Bei vielen Anwendern ist das Tool 7-Zip zum Entpacken von Archivdateien im Einsatz. Die Software ist kostenlos und steht ...

Internet

Datendealing im WWW Tracking Methoden immer brutaler

Information von sabines vor 18 StundenInternet

Interessanter Artikel zum Thema Tracking im WWW und die immer "besseren" Methoden des Trackings. Professor Arvind Narayanan (Princeton-Universität) betreibt ...

Erkennung und -Abwehr

Ups: Einfaches Nullzeichen hebelte den Anti-Malware-Schutzt in Windows 10 aus

Information von kgborn vor 1 TagErkennung und -Abwehr

Windows 10 ist das sicherste Windows aller Zeiten, wie Microsoft betont. Insidern ist aber klar, das es da Lücken, ...

Windows 10

Windows 10 on ARM: von Microsoft entfernte Info - Klartext, was nicht geht

Information von kgborn vor 1 TagWindows 10

Windows 10 on ARM ist ja eine neue Variante, die Microsoft im Verbund mit Geräteherstellern am Markt etablieren will. ...

Heiß diskutierte Inhalte
Server
Route-Befehl Unterstützung (unter CMD)
gelöst Frage von FKRR56Server36 Kommentare

Guten Tag , i.M. habe ich Probleme über den CMD-Route-Befehl ein Routing auf einen entfernten Server zuzulassen. Der Server ...

Windows 10
Windows 10 (1709) Tastur und Maus wieder einschalten?
Frage von LochkartenstanzerWindows 1028 Kommentare

Moin, Ich habe von einem Kunden einen Win10-Rechner bekommen, bei dem weder Tastatur noch Maus geht. Die Hardware funktioniert ...

Microsoft
TV-Tipp: Das Microsoft-Dilemma
Information von kgbornMicrosoft17 Kommentare

Aktuell gibt es in Behörden und in Firmen eine fatale Abhängigkeit von Microsoft und dessen Produkten. Planlos agieren die ...

Webbrowser
Welcher Browser ist der Beste?
Frage von justtinWebbrowser15 Kommentare

Hallo Leute Ich habe eine interessante Frage. Mich wurde mal interessieren welcher Browser ist eure meinung nach der beste? ...