tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
1
ZUGRIFFE
416
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 01.04.11 20:32 #1
    Oklino Oklino ist offline Mitglied Bronze
    Registriert seit
    Apr 2005
    Beiträge
    44
    Hallooo Liebe Community!

    Nach ein paar Monaten Pause bin ich wieder mal an einem neuen Projekt dran und will das Layout komplett XHTML Strict haben. Mutiges Vorhaben, wenn man sich eh in manches wieder reinlesen muss.

    Auf dem Reißbrett habe ich nun das Layout skizziert und die grobe Struktur mit DIVs gebastelt. Jetzt habe ich nur das Problem, dass die DIVs auf verschiedenen Auflösungen untereinander rutschen...
    Ich brauche da einfach mal ein paar Tipps / Korrekturen von euch.

    Erst der erste grobe zusammengeschriebene Entwurf für die Aufteilug.
    HTML-Code:
    <body>
<div style="width:100%; height:100%; float:left;">
 <div style="width:100px; height:500px; background-color:#3FF; float: left;">Grafik</div>
    <div style="float:left; width:80%; height:500px;">
     <div style="width:500px; height:50px; background-color:#CF6;">Seitentitel</div>
        <br />
        <div style="vertical-align:middle; text-align:center;">
        <div style="background-color:#009;">Navigation</div>
        <div style="background-color:#CFE; height:410px">Content</div>
        </div>
    </div>
    <div style="width:100px; height:500px; background-color:#3FF; float: right;">Grafik</div>
</div>
</body>
    Ich denke mal ich werde alle Größenangaben außer die maxhöhe/breite des HTML dokumentes bzw. bodys in em machen müssen, richtig?

    Dann noch ein JPEG mit der skizze für die HP (im Anhang). Natürlich noch recht "leer" aber ich will erst einmal die Struktur mit DIVs umsetzen und dann schauen welche grafischen Pushups man noch einbauen kann.

    EDIT: Ergänzend noch meine Fragen in Kurzfassung:

    Wie verhindere ich nun dass die divs bei geringeren auflösungen bzw. beim verkleinern des browserfensters untereinander angezeigt werden?

    Wie sorge ich dafür dass die Grafiken immer 100% der bildschirmhöhe ausnutzen aber das seitenverhältnis beibehalten?
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Diverse Formatierungsprobleme mit Grafiken beinhaltenden DIVs-so-koennte-es-aussehen.jpg  
    Geändert von Oklino (01.04.11 um 21:05 Uhr)
     
    Zitieren Zitieren
  2. 16.04.11 19:48 #2
    Oklino Oklino ist offline Mitglied Bronze
    Registriert seit
    Apr 2005
    Beiträge
    44
    hier scheint ja richtig der bär zu tanzen... früher war irgendwie mehr los... da hätte ich noch auf den thread ne AW bekommen :/ schade...
     
    Zitieren Zitieren
« CSS Mehrspaltiges Layout Problem... | Pinnwand im IE »

Ähnliche Themen

  1. Diverse Windowsfeatures
    Von Cromon im Forum C/C++
    Antworten: 6
    Letzter Beitrag: 21.10.09, 11:33
  2. OpenOffice: Formatierungsprobleme
    Von Cherrywine im Forum Office-Anwendungen
    Antworten: 0
    Letzter Beitrag: 13.09.08, 14:28
  3. Standardfehler Wo - 2 Divs mit Divs drin.
    Von chmee im Forum CSS
    Antworten: 2
    Letzter Beitrag: 22.10.07, 21:47
  4. 2 DIVs nebeneinander innerhalb eines Haupt-DIVs
    Von Eiszwerg im Forum CSS
    Antworten: 10
    Letzter Beitrag: 21.03.07, 13:33
  5. Draggable divs - Positionen versch. divs speichern
    Von Tapir im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 18.03.07, 11:14