Ergebnis 1 bis 6 von 6

Thema: Div-Formatierungs-Probleme

  1. #1
    HTML Newbie
    Registriert seit
    22.05.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Div-Formatierungs-Probleme

    Heyho liebe Leute,

    ich muss für die Uni eine Homepage basteln und dazu muss ich nen bisl mit Div rumbasteln...

    Allerdings verwirrt mich dieses Float-Gedönse vollkommen.

    Ich brauche folgende Formation

    --------Div......#.......Div--------
    --------..........#...........--------
    --------Div.....DIV.....Div--------
    --------..........#...........--------
    --------Div......#.......Div--------

    links oben, rechts oben, links unten und rechts unten haben fest höhen und breiten

    links mitte rechts ham feste breite und die höhe soll sich dem text anpassen

    (mitte ist immer so hoch wie alle links bzw rechts zusammen)

    die breite ist bei links und rechts fest

    die mitte soll die breite zwischen links und rechts füllen (zur not wird die halt auch fest gemacht)

    die striche solln den hintergrund darstellen

    mit dem Float gedönse komme ich immer nur aufs Divs nebeneinander

    und mit clear:both und dann wieder Float krieg ich mit der mitte probleme

    bitte um Hilfe.

    PS: Kann mir auch mal einer erklären warum man heut zu tage keine Tables mehr zum formatieren benutzen darf? =(

    Lieben Gruß

    Der Gummix
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Gastl
    Gast

    Standard AW: Div-Formatierungs-Probleme

    Keine Ahnung, was du versucht hast zu erklären. Verstehe nur Bahnhof.

    Tabellen sollten noch nie für ein Layout genommen werden. Allerdings steht dem dennoch nichts im Wege. Es funktioniert und darauf kommt es an.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    22.05.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Div-Formatierungs-Probleme

    1.jpg
    So in etwa soll das dann aussehn, die ecken haben halt feste größen und die mittleren div-boxen sollen sich von der höhe an den Context in der Mitte anpassen.

    Das dumme is nur, dass mein Prof mich durchrasseln lässt, wenn ich das mit tabellen löse (rowspan und all meine Probleme wären wech )

    Gruß

    Gummix

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Div-Formatierungs-Probleme

    Aus meiner Sicht ist das ein ganz gewöhnliches dreispaltiges Layout, ähnlich wie hier.
    Dabei reichen zunächst #linksbox, #rechtsbox und #content.
    Wenn du bei #content die Breite weglässt, passt sie sich automatisch entsprechend dem verfügbaren Platz an.
    In die #linksbox und #rechtsbox kommen dann deine kleineren Einzelboxen.

    Tabellen dienen der Darstellung von strukturierten Inhalten wie z.B. einer Adressliste, Preisliste o.ä. und sollten dementsprechend auch nur für diesen Zweck benutzt werden. Dass sie mitunter heute immer noch für's Layout benutzt werden hat "historische" Gründe: Als es noch kein CSS gab, wurden sie als Hilfskrücke zwecks Formatierung benutzt. Dies ist Dank CSS nicht mehr erforderlich.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    22.05.2012
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Div-Formatierungs-Probleme

    by threadi

    HTML-Code:
    <style type="text/css">
    .clearafter:after {
     clear: both;
     content: ".";
     display: block;
     float: none;
     font-size: 1px;
     height: 1px;
     visibility: hidden;
    }
    <div style="float: left;background-color: red;">
        <div style="width: 30px;height: 30px;background-color: green;">lo</div>
        <div style="width: 30px;height: 30px;background-color: blue;">lm</div>
        <div style="width: 30px;height: 30px;background-color: pink;">lu</div>
    </div>
    <div style="float: right; background-color: green;">
        <div style="width: 30px;height: 30px;background-color: green;">ro</div>
        <div style="width: 30px;height: 30px;background-color: purple;">rm</div>
        <div style="width: 30px;height: 30px;background-color: magenta;">ru</div>
    </div>
    <div class="clearafter" style="background-color: yellow;">mitte</div>
    Ich stand einfach so dermaßen auf dem Schlauch, dass ich nich drauf gekommen bin um die linken und rechten divs ne "formatierungs-Div" zu machen T_T

    Naja hat man mir wohl ins Hirn geschissen

    vielen Dank trotzdem ^^
    Geändert von Gummix (23.05.2012 um 21:59 Uhr)

  6. #6
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Div-Formatierungs-Probleme

    Schön wie man die eigenen Codes in anderen Foren wiederfindet .. :]

Ähnliche Themen

  1. Mail Dokument?? Probleme,probleme,probleme.........
    Von typisch-design im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 10.02.2010, 13:36
  2. Kleines formatierungs Problemchen
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 13.12.2009, 15:55
  3. (S)ATA Probleme
    Von KrokantKrockete im Forum Computer - Internet Forum
    Antworten: 7
    Letzter Beitrag: 06.10.2009, 18:07
  4. IE Formatierungs Problem
    Von Leonidus im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 30.05.2007, 18:59
  5. icq probleme
    Von |o|o -> kein bock einlogg im Forum Off Topic und Quasselbox
    Antworten: 6
    Letzter Beitrag: 29.12.2004, 19:55

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •