1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Div-ausrichten

  • puschel21
  • 18. November 2010 um 10:00
  • puschel21
    Youngster
    Beiträge
    9
    • 18. November 2010 um 10:00
    • #1

    Hallo, Ich hab meine Seite fast fertig, Nur mein Div lässt sich nicht so ausrichten wie ich will :x Und zwar sollte er mittig sein und alle Zeilen(wo der Benutzer)was reinschreibt gleich lang.
    Mittig ist er aber die Zeilenlänge passt nicht jemand ne idee?:?:
    Liebe Grüße
    Puschel

  • MyXoToD
    Großmeister(in)
    Beiträge
    507
    • 18. November 2010 um 10:11
    • #2

    Könntest du uns den besagten Code hier vielleicht mal posten oder uns einen Link zu deiner Seite mit dem Problem geben?

    Don't follow me, I run into walls.

  • puschel21
    Youngster
    Beiträge
    9
    • 18. November 2010 um 10:18
    • #3

    <div align="center" style="margin-top:180px;"><font color="yellow"><b>

    ich lad euch mal 2 screens hoch a wies passen würde aber rechts steht und b wie es nicht passt
    http://img716.imageshack.us/i/bildschirmfoto1w.png/

    http://img264.imageshack.us/i/bildschirmfoto2.png/

    quasi die boxen wie blocksatz ausgerichtet sind.

  • MyXoToD
    Großmeister(in)
    Beiträge
    507
    • 18. November 2010 um 10:24
    • #4

    Also du möchtest es so, dass es so ist wie bei Bild a aber trotzdem das ganze in der Mitte ist?

    Dann würde ich dir vorschlagen, gib dem Div was um die Eingabefelder drumhgerum ist, die Breite vom breitesten Inhalt und ein passendes Margin um es in die Mitte zu bekommen. In etwa so:

    Code
    div.deine-box {
        width: 100px; /* Trage hier den richtigen Wert ein */
        margin: 0 auto;
        text-align: right;
    }

    Don't follow me, I run into walls.

  • puschel21
    Youngster
    Beiträge
    9
    • 18. November 2010 um 10:32
    • #5

    http://img600.imageshack.us/i/bildschirmfoto3.png/
    passt net so ganz will die textboxen quasi nach rechts am ende der textarea mit abschliessn und den text vorname: Nachname: nicht drüber sondern links davon ^^

  • MyXoToD
    Großmeister(in)
    Beiträge
    507
    • 18. November 2010 um 10:35
    • #6

    Poste mal bitte den gesamten Quelltext davon (Formular + Div das drumherum ist)... Falls es dazu CSS in einer externen Datei gibt, das bitte auch noch.

    Don't follow me, I run into walls.

  • puschel21
    Youngster
    Beiträge
    9
    • 18. November 2010 um 10:40
    • #7

    http://typewith.me/5bC9Qezg2j

  • puschel21
    Youngster
    Beiträge
    9
    • 18. November 2010 um 10:43
    • #8

    auf dem Link is der Code ;)

  • MyXoToD
    Großmeister(in)
    Beiträge
    507
    • 18. November 2010 um 10:50
    • #9

    Also bei mir klappt es wunder bar, wenn ich das mache was ich dir eben geschrieben hab. Das Div in der <form> braucht die maximale Breite des Inhalts, das ist bei mir 343px. Dann benötigt es text-align: right; , du hattest ihm aber text-align: middle; gegeben. Zu guter letzt braucht das Div noch margin: 0 auto; bzw. in deinem Fall dann margin: 180px auto 0px auto;

    Info: Du kannst hier im Forum auch Code posten. Dafür gibt es extra BB-Codes [code=html], [code=php] und [CODE]

    Don't follow me, I run into walls.

  • puschel21
    Youngster
    Beiträge
    9
    • 18. November 2010 um 10:53
    • #10

    Mein problem is die Textausrichtung wenn ich die als Right eingeb is se Rechts
    sie soll aber mittig sein und Alle zeilen sollen gleich lang abschließen.
    Und das funktioniert nicht mit der Text-ausrichtung. das muss an etwas anderem liegen.

  • MyXoToD
    Großmeister(in)
    Beiträge
    507
    • 18. November 2010 um 10:55
    • #11

    Ich zeig dir mal wie es mit meinem Code aussieht:

    Es schließt rechts alles bündig ab, der Text steht links neben den Boxen und alles in allem ist in der Mitte der Seite.

    Don't follow me, I run into walls.

  • puschel21
    Youngster
    Beiträge
    9
    • 18. November 2010 um 10:58
    • #12

    ja aber bei mir gehts nich ^^

  • MyXoToD
    Großmeister(in)
    Beiträge
    507
    • 18. November 2010 um 11:00
    • #13

    Den Css Code, den ich dir ziemlich am Anfang schrieb, hat gezogen. So hab ich es geändert:

    HTML
    <div align="center" style=" width: 343px; margin: 180px auto 0px auto; text-align:right;">
        <font color="yellow">
            <b>
    ...

    Don't follow me, I run into walls.

  • puschel21
    Youngster
    Beiträge
    9
    • 18. November 2010 um 11:02
    • #14

    ah jetz gehts bei mir hat width gefehlt herzlichen Dank <3

  • MyXoToD
    Großmeister(in)
    Beiträge
    507
    • 18. November 2010 um 11:05
    • #15

    Kein Problem ;) Nächstes mal aber bitte selbst etwas rumprobieren wenn man solch eine Hilfestellung bekommt. Letzten Endes hat es ja geklappt was ich zu Anfang gepostet hatte :)

    Don't follow me, I run into walls.

  • puschel21
    Youngster
    Beiträge
    9
    • 18. November 2010 um 11:06
    • #16

    ich hab 3 stunden probiert ich hab eh schon wieda was anderes lol ^^

Tags

  • link
  • color
  • http
  • links
  • style
  • text
  • problem
  • img
  • code
  • bild
  • auto
  • div
  • benutzer
  • inhalt
  • font
  • png
  • css
  • wert
  • center
  • box
  • px
  • width
  • boxen
  • eingabefelder
  • align
  • screens
  • margin
  • blocksatz
  • url

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™