Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „DIV-Inhalt richtet sich nicht oben aus...“

exo

Aktives Mitglied

Hi Leute,

ich habe das Problem, dass der Inhalt eines 2-Spalten Div's sich nicht oben ausrichtet... Also sind 2 Divs neben einander - das Linke zeigt den Content und das rechte soll sich nach der Höhe des Linken ausrichten - tuts soweit auch, nur der Inhalt des Rechten steht immer unterhalb von der Höhe her gesehen von dem Linken.

Hier erstmal die Seite


CSS-Code
HTML:
  * {
    margin: 0;
    padding: 0;
  }
  body, html{
    width: 100%;
    height: 100%;
  }
  .header{
    width: 960px;
    height: 243px;
    margin: 0 auto;
    text-align: center;
    background-image: url(/inc/template/th_svs93/images/header.png);
  }
  .content_wrapper{
    width: 958px;
    height: auto;
    min-height:250px;
    margin: 0 auto;
    border: 1px solid #e6e6e6;

  }
  .content_left{
    position: relative;
    width: 708px;
    height: auto;
    min-height: 400px;
    padding: 10px;
    float:left;
  }
  .content_right{
    position: relative;
    width: 209px;
    height: 100%;
    
    border-left: 1px solid #8e8e8e;
    padding: 10px;
    left: 728px;
    display: block;
    background-color: #f3f3f3;
  }
  .footer{
    width: 960px;
    height: 70px;
    border-top: 1px solid #ffc742;
    margin: 0 auto;
    background-color: #383838;
  }
  .footer_content{
    color: #ffc742;
    font-family: tahoma;
    font-size: 12px;
    padding: 5px;
  }
  .navbar_wrapper{
    position:absolute;
    
    top: 215px;
    width: 960px;
    height: 33px;
    z-index:100;
  }
  .navbar{
    height:33px;
    width: 100%;
    text-align: center;
  }

  .nav{
    height: 33px;
    width:900px;
    line-height: 33px;
    margin: 0 auto;
  }
  .navpoints div{
    font-family: tahoma;
    font-size: 14px;
    font-weight: bold;
    color:#ffffff;
    padding: 0 10px;
    float:left;
    line-height: 25px;
  }
  .navpoints div a {
    font-family: tahoma;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color:#ffffff;
  }
  .navpoints div:hover, .active{
    background-image: url(/inc/template/th_svs93/images/nav_hover.png);
    cursor: pointer;
  }
  .nav_left{
    background-image: url(/inc/template/th_svs93/images/navbar_left.png);
    width:11px;
    height:33px;
  }
  .nav_right{
    background-image: url(/inc/template/th_svs93/images/navbar_right.png);
    width:11px;
    height:33px;
  }


ul{
  margin-left:20px;
}

.text{
    top: 0;
    vertical-align: top;
    position: relative;
}

Hoffe Ihr könnt mir da irgendwie helfen, hab schon wie bescheuert gesucht, aber find das Problem einfach nicht :(

grüße
 

Ladyan

Nicht ganz neu hier

AW: DIV-Inhalt richtet sich nicht oben aus...

Hi Exo,

nimm mal bei content_right die Definition für "left" raus und gib ihm auch ein float:left; dann wird es oben ausgerichtet.

Lieben Gruß
 

exo

Aktives Mitglied

AW: DIV-Inhalt richtet sich nicht oben aus...

ja das habe ich schon mal ausprobiert und dann hat man aber das problem, dass das div nicht bis runter gezogen wird...

Ich hab jetzt schon soviel rumprobiert und es einfach als table gemacht =)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
175.158
Beiträge
2.581.869
Mitglieder
67.223
Neuestes Mitglied
Desiree
Oben