mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 05:12 Benutzername: Passwort: Auto-Login

Thema: Zwei Spalten Layout. Linke Seite fix vom 21.05.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Zwei Spalten Layout. Linke Seite fix
Autor Nachricht
JamalF
Threadersteller

Dabei seit: 12.05.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 21.05.2008 13:45
Titel

Zwei Spalten Layout. Linke Seite fix

Antworten mit Zitat Zum Seitenanfang

hi
will mir nen zwei Spalten Layout basteln mit divs in etwa so:

Code:

<div id="content">
<div id="contentletf">
Navi
</div>

<div id="contentright">
Inhalt
</div>
</div>


da im rechten Content ziehmlich viel drin stehen wird
und im linken die kleine Navi, möchte ich das die Navi immer
zu sehen ist und lediglich der rechte gescrollt werden muss.
Wie krig ich das hin? Will keine Frames

Hoffe jmd. versteht das Problem *Whaazzzz uppp?*

mfg
  View user's profile Private Nachricht senden
sjalf

Dabei seit: 21.04.2008
Ort: Berlin
Alter: -
Geschlecht: -
Verfasst Mi 21.05.2008 13:50
Titel

Antworten mit Zitat Zum Seitenanfang

Es wäre möglich, das contentright-Div groß genug zu machen, dass es im Design gut aussieht, und dann mit Scrollbalken innendrin zu versehen. Der CSS-Befehl dafür ist "overflow:auto" bzw "overflow:scroll", den du dem Div mitgeben kannst. Dann kannst du dieses auf der Seite positionieren und es hat an seinem rechten Rand einen Scrollblaken, wenn der Text zu lang wird.
Alternativ kannst du auch versuchen, contentleft mitscrollen zu lassen. Auch dazu gibt es css-Befehle. Ich persönlich halte das für die designerisch schwierigere Variante.
Für den User ist es relativ egal.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 21.05.2008 13:57
Titel

Antworten mit Zitat Zum Seitenanfang

ich würde das so nicht lösen.
finde solche seiten schrecklich.
lass doch übergroßen inhalt nach unten auslaufen.
du kannst um die usability noch zu verbessern die navigation im fuß nochmals unterzubringen.
so kann man auch navigieren ohne wieder nach oben scrollen zu müßen.

bei deiner variante kommt es sicher auf einigen systemen zu darstellungsfehlern.
da du ja feste höhendefinitionen mitgringen möchtest.

floate die navigation rechts vom inhalt.
  View user's profile Private Nachricht senden
Account gelöscht


Ort: -
Alter: -
Verfasst Mi 21.05.2008 14:00
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.dynamicdrive.com/style/layouts/category/C11/ dürfte dir helfen

Zuletzt bearbeitet von am Mi 21.05.2008 14:01, insgesamt 1-mal bearbeitet
 
Account gelöscht


Ort: -
Alter: -
Verfasst Mi 21.05.2008 14:03
Titel

Antworten mit Zitat Zum Seitenanfang

Kannst es so machen

Code:

#contentleft
{ float: left;
width: 200px;                   // Beispiel
position: fixed;  }

#contentright
{ margin-left: 230px;       // Die 30px sind dabei der Abstand vom linken zum rechten
width: xxxpx; }


Hoffe das konnte helfen

mfg
 
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Mi 21.05.2008 15:37
Titel

Antworten mit Zitat Zum Seitenanfang

Der IE < 7 kennt kein pos. fixed. Die besten Workarounds stehen hier: http://www.cssplay.co.uk/layouts/
  View user's profile Private Nachricht senden
 
Ähnliche Themen Epub mit zwei Spalten + Bilder aus InDesign CS6
Dreamweaver - Zwei Spalten mit versch. Cellpadding
Zwei ungleich breite Spalten anlegen in Indesign CS3
problem mit 3 spalten css-layout
[css] 3 spalten layout problem
[CSS] Problem mit 3-Spalten Layout
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.