:: Buchempfehlung ::

urvater · #11 05.04.2010, 14:55:39

Skrollbare Elemente findest du unter SELFHTML beschrieben und sind nicht so neu, daß sie nur wenigen Auserlesenen bekannt sind. :)
Persönlich finde ich Skrollbalken innerhalb von Seiten nicht wirklich ansprechend, wenn lesbarer Text dargestellt werden soll. Auf Seiten in denen Code angeboten wird sind diese allerdings wieder praktisch. Obwohl hier meist Textareafelder genutzt werden, damit der Code leichter kopiert werden kann.

Um z.B. von ganz unten nach oben zu kommen ohne skrollen zu müssen könnte man mit Anker arbeiten. Macht bei Seiten mit viel Text und einer sauberen Gliederung viel Sinn und ist sehr praktisch. SELFHTML nutzt diese Anker sehr anschaulich.

Tabelarischen Inhalt per DIV darstellen hallte ich für sinnfrei. Tabellen folgen einen logischen Aufbau und die Zeilen und Spalten stehen in Beziehung zu einander. Wieso sollte man also eine echte Tabelle anders darstellen, wenn es am Ende doch eine Tabelle sein soll/muss.
Hier mal ein sehr gutes Beispiel, wie man mit CSS eine Tabelle darstellen kann. Im Beispiel wurde allerdings XML verwendet. Fahrplan

cortex · #12 05.04.2010, 15:50:13

Zitat:

Zitat von Erzengel

hatte aber bei Längeren Test Seiten das Problem das die Ganze Seite gescrollt wurde und nicht nur der Inhalt Teil oder der Menu Teil getrennt von jeweils anderen.

bitte lies die beiträge innerhalb eines threads gründlicher... ich hatte mich bereits dazu geäussert:

Zitat:

Zitat von cortex

Code:

div
{
	width: ...px;	
	height: ...px;

	overflow: auto;
}

selbstverständlich kann man auch mit relativen grössenangaben arbeiten.

cx

cortex · #13 05.04.2010, 15:56:30

Zitat:

Zitat von Erzengel

Wie kann ich das Menu Klicken wenn ich bei einem Beitrag ganz unten bin ohne hinauf zu scrollen?

indem du das layout der seite entsprechend gestaltest - stichwort: fixed header. ich hatte dir eine website verlinkt - hast du tatsächlich nichts gefunden, was dein problem (ansatzweise) beschreibt?

Fixed Banner and Footer Cross Browser

cx

st68 · #14 05.04.2010, 19:47:56

so hab ich das mal gelöst, als ich mir noch angst vor frames machen lassen habe:

HTML-Code:

<html>
<head>
<title>Frames in CSS</title>

<style type="text/css"> 

       * html body { padding: 0 0 0 200px; } /* Set value to (0 0 0 WidthOfFrameDiv),  /*IE6 hack*/

* html #main_frame { height: 100%;                                                     /*IE6 hack*/
                     width: 100%; }

              body { margin: 0;
                     padding: 0;
                     border: 0;
                     height: 100%; 
                     max-height: 100%;
                     overflow: auto; }

       #menu_frame { position: absolute;
                     top: 0;
                     bottom: 0;
                     left: 0;
                     width: 200px; /* Framebreite */
                     height: 100%;
                     overflow: auto; }

       #main_frame { position: fixed;
                     top: 0; 
                     left: 200px; /* Frameabstand nach links*/
                     right: 0;
                     bottom: 0;
                     overflow: auto; }

       .innerframe { margin: 10px; } /* Abstand des Frameinhalts */

</style>

</head>

<body>

<div id="menu_frame">
<div class="innerframe">

<h2><a name="menu_top" />Menü-Frame</h2>

<script type="text/javascript"> i=1; while (i<100) { document.write("<a href=\"#menu_top\" title=\"zum Seitenanfang\">Link "+i+" zum Main-Frame</a><br />"); i++; } </script>

</div>
</div>

<div id="main_frame">
<div class="innerframe">

<h2><a name="main_top" />Main-Frame</h2>

<script type="text/javascript"> i=1; while (i<100) { document.write("<a href=\"#main_top\" title=\"zum Seitenanfang\">Absatz "+i+" im Main-Frame</a><br />"); i++; } </script>

</div>
</div>

</body>
</html>

aber es kommt ja öfter mal vor, das man so was wie einen "dummy-frame" braucht. wie löst man das dann, ohne frames und ohne iframes?

Erzengel · #15 05.04.2010, 21:23:22

@cortex:

dies mit Overflow habe ich gerade vor einer Stunde wirklich ausprobiert
habe dies erst auf dieser Seite auch wirklich mitbekommen das es dieses gibt,
und somit das Fenster keinen "Überlauf" mehr hat.

Somit hat diese DIV box, wenn ich dies mal so nennen darf, immer die gleiche größe.

habe im Moment noch einige Probleme mit der Ausrichtung

mit margin-top:70px;

sollte zwei Div Container auf der gleichen höhe liegen oder?
Wenn beide Container den Gleichen Wert haben.

cortex · #16 06.04.2010, 11:01:53

Zitat:

Zitat von st68

so hab ich das mal gelöst, als ich mir noch angst vor frames machen lassen habe:

möglicherweise hast du unsere bisherige diskussion in den falschen hals bekommen / missverstanden. es wurden hinreichend viele argumente gegen frames genannt. darüber hinaus kann man sich über entsprechende recherchen eine eigene meinung bilden ohne irgendwelche phobien auszubilden.

der von dir gezeigte code ist - sorry - mangelhaft; du versuchst mit DIVs nachzubilden, was prinzipiell frames leisten - ein ähnliches problem wie <table> vs. <div class='mimikry-table'>. wenn man aus der old-style-ecke kommt (tabellen-design und frame-layouts), muss man seine denkweise ändern, um moderne ergebnisse (valides HTML, semantischer code) zu erzielen.

was das hier soll, erschliesst sich mir übrigens nicht:

Code:

<script type="text/javascript"> i=1; while (i<100) { document.write("<a href=\"#main_top\" title=\"zum Seitenanfang\">Absatz "+i+" im Main-Frame</a><br />"); i++; } </script>

cx

cortex · #17 06.04.2010, 11:04:34

Zitat:

Zitat von Erzengel

habe im Moment noch einige Probleme mit der Ausrichtung [...]

neues problem - neuer thread. und dann bitte im passenden unterforum: HTML, CSS und JavaScript Help!. vergiss nicht, die betreffenden codes zu zeigen, sonst kann dir nicht geholfen werden.

cx

TeX · #18 23.06.2011, 13:15:34

Zitat:

Wie kann ich das Menu Klicken wenn ich bei einem Beitrag ganz unten bin ohne hinauf zu scrollen?

Na mit nem Layout das aus DIV`s besteht. Falls die Navigation unverändert bleiben soll, auch wenn man auf einen Link im Inhalt klickt, dann benutz Ajax um die Inhalte zu laden, dann bleiben die anderen Div`s unberührt.

:: Buchempfehlung ::

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!