Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

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

Frage Entwicklung CSS

Mitglied: DaFloWaDa

DaFloWaDa (Level 1) - Jetzt verbinden

17.12.2011 um 15:48 Uhr, 3940 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

Mit freundlichen Grüßen 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.

Mit freundlichen Grüßen

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

Mit freundlichen Grüßen
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

Mit freundlichen Grüßen
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

Mit freundlichen Grüßen
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 ..
Neuester Wissensbeitrag
Humor (lol)

Linkliste für Adventskalender

(3)

Information von nikoatit zum Thema Humor (lol) ...

Ähnliche Inhalte
Webentwicklung
X-Frame-Options in Tomcat ausschalten (3)

Frage von fishfaceeddy zum Thema Webentwicklung ...

JavaScript
Frame Quelltext mit JavaScript in eine Variable packen (3)

Frage von rsadmchef zum Thema JavaScript ...

Heiß diskutierte Inhalte
Windows Server
DHCP Server switchen (24)

Frage von M.Marz zum Thema Windows Server ...

SAN, NAS, DAS
gelöst HP-Proliant Microserver Betriebssystem (14)

Frage von Yannosch zum Thema SAN, NAS, DAS ...

Grafikkarten & Monitore
Win 10 Grafikkarte Crash von Software? (13)

Frage von Marabunta zum Thema Grafikkarten & Monitore ...

Erkennung und -Abwehr
Spam mit eigener Domain (12)

Frage von NoobOne zum Thema Erkennung und -Abwehr ...