zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden css design problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.12.2006, 13:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.12.2006
Beiträge: 4
tabledesign befindet sich auf einem aufstrebenden Ast
Standard css design problem

hallo!

ich hab leider erfolglos versucht folgendes design mit hilfe von divs umzusetzen:
PHP-Code:
|--------------------------------------
|                  
HEADER        |    |
|------------------------------- |    |
|                                | 
B  |
|                        
CONTENT |    |
|                                |    |  
|-------------------------------------- 

scheint einfach zu sein, aber ich bin völliger neuling.

der header hat eine fixe höhe von 200px.
der rechte bereich B ist ebenfalls in der breite fix: 160px.
der content soll scrollbar sein, aber eben in der höhe nicht fix. (scrollbar eben im inneren bereich und nicht ganz aussen)
der header und content sollen rechtsbündig an B hängen.

vielleicht kann mir jemand einige tips geben. hab bis jetzt nur sachen gefunden die leider mit opera dann nicht gehen.

bin für jeden Tip dankbar.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.12.2006, 14:24
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

du brauchst drei DIVs dafür: #head, #b, #content. Alternativ noch #wrapper als umfassendes Element um alle anderen, damit das ganze auf eine bestimmte Breite und z.b. zentriert dargestellt werden kann.

#wrap erhält z.B. 80% Breite und margin: 0 auto; zur zentrierung. Darin sind die anderen Elemente verschachtelt.

#b wird mit der gewünschten Breite dann z.B. rechts gefloatet, danach kommt im Markup #head und #content. Diese brauchen dann ein margin-right in der Breite des #b. #content erhält overflow: auto; und eine feste Höhe, damit es scrollbar wird.

Beschäftige dich intensiv mit den Beispielen und Grundlagen aus dem FAQ-Thread, vor allem dem CSS-Prolog, floats und clear. Auch Faux-Columns könnte interessant werden, wenn #b bis unten duchgehen soll.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.12.2006, 14:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.12.2006
Beiträge: 4
tabledesign befindet sich auf einem aufstrebenden Ast
Standard

das problem ist ja dass der content keine fixe höhe hat, da er immer bis zum seitenende geht. nur der header hat eine fixe höhe.
Mit Zitat antworten
  #4 (permalink)  
Alt 12.12.2006, 14:36
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.01.2005
Ort: Berlin
Beiträge: 2.149
mazzo wird schon bald berühmt werden
Standard

wenn im content gescrollt werden soll, ist das aber nötig (kann aber auch in % angegeben werden). Ansonsten greift bei entsprechend kleinem Browserfenster (genauer: Viewport) die äussere, "normale" Scrollbar. Aber die willst Du ja nicht.

Wenn Du nicht in #content scrollst aber #head und #b "stehenbleiben" sollen, wenn übr die äusser scrollbar gescrollt wird, brauchst Du position:fixed; und einen Workaround für den IE<=6. Siehe die Suche.
Mit Zitat antworten
  #5 (permalink)  
Alt 12.12.2006, 14:42
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.12.2006
Beiträge: 4
tabledesign befindet sich auf einem aufstrebenden Ast
Standard

eben mit der prozentuellen angabe der höhe komme ich nicht zurecht.

100% kann ich ja nicht angeben für die höhe, da es ja 100% - 200px des obigen fixen headers ist.
Mit Zitat antworten
  #6 (permalink)  
Alt 12.12.2006, 14:49
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Du versuchst, ein Framelayout nachzubauen. Dafür gibt es zwei Lösungsvarianten: IE < 7 im Quirksmodus oder JavaScript.
Zu ersterem siehe z.B. hier: stu nicholls | CSS PLaY | cross browser fixed header/footer/ centred single column layout
Die Suchfunktion weiß mehr dazu.

Warum verwendest du nicht die normale, gewohnte Scrollfunktion? Welchen Grund hast du, den sichtbaren Bereich des Viewports permanent mit dem Header zu verkleinern? Warum glaubst du, dass deine Besucher das wollen sollen?

Geändert von fricca (12.12.2006 um 14:52 Uhr) Grund: Mal wieder nicht an die aktuellste IE-Version gedacht ...
Mit Zitat antworten
  #7 (permalink)  
Alt 12.12.2006, 14:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.12.2006
Beiträge: 4
tabledesign befindet sich auf einem aufstrebenden Ast
Standard

hallo

leider will das derjenige für den ich die seite mache eben so.

es ist tatsächlich so, dass ich eine alte frameset seite genau so umsetzen soll, wie sie derzeit ist. also der scrollbare bereich soll nur der content bereich sein.
und es sollte nicht nur im ie funktionieren.
Mit Zitat antworten
  #8 (permalink)  
Alt 12.12.2006, 14:54
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von tabledesign Beitrag anzeigen
leider will das derjenige für den ich die seite mache eben so.
Dann ist es deine Aufgabe als Experte, ihn von einer sinnvolleren Lösung zu überzeugen.
Es hat doch sicher einen Grund, dass die Seite überhaupt umgebaut werden soll. Warum Altlasten mitschleppen, die dem Benutzer das Leben schwer machen?

Zitat:
und es sollte nicht nur im ie funktionieren.
Bitte was?
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Inspiration - Sammlung von Links emti Ressourcen 8 01.12.2009 18:02
Doctype und CSS Problem tech CSS 3 29.05.2009 20:16
CSS Gallerie Problem mit IE ZeroQL CSS 3 01.04.2009 08:26
seltsames Design Problem Ben Achatz CSS 2 12.07.2007 13:51
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 06:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:47 Uhr.