Ergebnis 1 bis 6 von 6

Thema: DIV nebeneinander anordnen?

  1. #1
    Niclas
    Gast

    Standard DIV nebeneinander anordnen?

    Hallo,

    ich habe ein mittelschweres Problem mit der Anordnung 3er DIV-Container.
    und zwar haben ich in meinem Content-DIV ein weiteres DIV oben für eine Menüleiste,
    ein DIV links und ein DIV soll rechts daneben stehen. Der äußere Container, soll seine Höhe automatisch anpassen.
    Entweder an dem linken bzw. dem rechtem DIV welches eben gerade länger ist.
    Bekomme es weder mit einem "float" noch mit "display: inline;" hin.

    Wäre echt super wenn mir wer helfen könnte

    vielen Dank im Voraus
    Niclas

    Mein Quelltext:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>

    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <meta name="generator" content="Adobe GoLive">
    <title>Unbenannte Seite</title>
    <link href="neben.css" rel="stylesheet" type="text/css" media="all">
    </head>

    <body bgcolor="#ffffff">
    <div class="aussen">
    <div class="oben">ich bin oben</div>
    <div class="links">ich bin links</div>
    <div class="rechts">ich bin rechts</div>
    </div>
    </body>

    </html>


    Meine Stylesheets:

    .aussen{
    background-color: #ffdff0;
    width: 800px;
    height: auto;
    }

    .oben{
    height: 50px;
    width: 100%;
    background-color: #ffff00;
    }

    .links{
    background-color: red;
    width: 200px;
    height: 600px;
    }

    .rechts{
    background-color: #eedc00;
    width: 200px;
    height: 500px;
    }
    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
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: DIV nebeneinander anordnen?

    Ich ersetz jetzt mal sejuma und sag "Wer floatet muss auch clearen." (http://www.ohne-css.gehts-gar.net/0042.php)

    Damit die Grösse deines Containers auch floating Divs beachtet musst du hinter dem letzten <div> innerhalb des containers ein Element mit der clear Eigenschaft einfügen. Der obige link beschreibt es deutlich besser als ich es könnte.

    Gruss,
    -Lukas

  3. #3
    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 nebeneinander anordnen?

    Vom Prinzip her müsste deine Vorstellung diesem Layout ähnlich kommen:
    dreispaltiges layout

    Erstreckt sich "oben" auf die gesamte Breite oder soll er zwischen links und rechts sein?
    Für letzteren Fall wäre der 100%-Width-Wert zu groß, da er sich auf das übergeordnete "aussen" bezieht.

  4. #4
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: DIV nebeneinander anordnen?

    Ach, noch etwas:

    <meta name="generator" content="Adobe GoLive"> ...gibts das noch? Das ist doch seit mindestens 4 Jahren tot.

  5. #5
    Niclas
    Gast

    Standard AW: DIV nebeneinander anordnen?

    So funktioniert das mit dem clear also!
    Herzlichen Dank dafür!!

    Ja der DIV oben soll sich über 100% des äußeren erstrecken

    Und ja scheinbar gibt es das noch.. Mache ein Praktikum und die Firma arbeitet noch mit CS(1) also auch noch GOLive und es funktioniert!

  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 nebeneinander anordnen?

    Statt clear würde auch ein "overflow: hidden;" bei der Klasse .aussen helfen.

Ähnliche Themen

  1. Divs anordnen
    Von derano im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.08.2007, 23:49
  2. In den hintergrund anordnen
    Von Stefan_01 im Forum Flash Forum
    Antworten: 1
    Letzter Beitrag: 28.12.2006, 20:27
  3. Anordnen von Div-Holdern
    Von andras im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 25.06.2006, 21:48
  4. Brauch eure Hilfe! (Bilder direkt nebeneinander anordnen)
    Von Foulfang im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 15.11.2004, 16:04
  5. Fotos anordnen
    Von gast1 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 3
    Letzter Beitrag: 25.08.2004, 16:16

Stichworte

Berechtigungen

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