tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
474
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Fpunkt Fpunkt ist offline Rookie
    Registriert seit
    Feb 2006
    Beiträge
    9
    Hallo Leute,

    ich hab jetzt schon ne Weile geschaut aber keine Lösung gefunden.

    Ich würde gern wie auf Folgendem Img zu sehen den Inhalt meiner Website Text für Text untereinader und zentriert darstellen und jeden Text mit einem Hintergrund hinterlegen, der sich der Größe des Textes anpassen soll.

    Mit Tabellen ist das kein Problem. Da ich aber ungern auf Tabellen zurückgreifen möchte, weil ja immer wieder so viel negatives über sie geäußert wird, würde ich es gern mit div layern machen.

    Allerdings bezweifel ich langsam, dass es überhaupt möglich ist..

    Vielleicht hat hier ja noch jemand ene Idee.

    Dank schön!

    CSS DIV Layer untereinander zentrieren und Größe automatisch an Inhalt anpassen-problem_div.jpg
     

  2. #2
    Netzwerkidi Netzwerkidi ist offline Mitglied Gold
    Registriert seit
    Oct 2010
    Beiträge
    237
    Blog-Einträge
    1
    In etwa so?

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
      <meta http-equiv="content-type" content="text/html; charset=utf-8" />
      <title></title>
      <style>
       body{text-align:center;}
       #d1{width:100px;background-image:url("http://www.tutorials.de/customavatars/avatar34130_2.gif")}
       #d2{width:75px; background-image:url("http://www.tutorials.de/customavatars/avatar11057_2.gif")}
       #d3{width:175px; background-image:url("http://style.tutorials.de/v10/loginbox/settings.png")}
       #d4{width:120px;background-image:url("http://style.tutorials.de/v10/headerlogo.png")}
       div {border:4px solid #333}
       img{height:100%}
      </style>
      </head>
      <body>
        <div id="d1">bla1 bla1 bla1 bla1 bla1 bla1bla1 bla1 bla1 bla1 bla1 bla1</div>
        <div id="d2">bla2 bla2 bla2 bla2 bla2 bla2bla2 bla2 bla2 bla2 bla2 bla2</div>
        <div id="d3">bla2 bla2 bla2 bla2 bla2 bla2bla2 bla2 bla2 bla2 bla2 bla2</div>
        <div id="d4">bla4 bla4 bla4 bla4 bla4 bla4bla4 bla4 bla4 bla4 bla4 bla4</div>
      </body>
    </html>
    Geändert von Netzwerkidi (30.08.11 um 20:14 Uhr)
     

  3. #3
    Avatar von javaDeveloper2011
    javaDeveloper2011 javaDeveloper2011 ist offline Mitglied Brokat
    Registriert seit
    Feb 2011
    Beiträge
    445
    Blog-Einträge
    5
    Hi Fpunkt,

    ich befürchte, dass normalerweise die Breite explizit angegeben werden muss, währe aber mit JavaScript vielleicht sogar möglich.
    Was hälts du von einem <center> ... </center> um alle divs, gilt zwar als veraltet, funktioniert aber in alle Browser und hat mir schon manchmal richtig geholfen.

    Gruß
     

  4. #4
    Fpunkt Fpunkt ist offline Rookie
    Registriert seit
    Feb 2006
    Beiträge
    9
    In etwa so?
    Ja so, nur mit einer Div Breite, die sich automatisch dem text anpasst.
    ich befürchte, dass normalerweise die Breite explizit angegeben werden muss, währe aber mit JavaScript vielleicht sogar möglich.
    ja.. ist wohl nur mit tabellen möglich und java möchte ich dafür nicht, dann nehm ich lieber tabellen.

    Was hälts du von einem <center> ... </center> um alle divs, gilt zwar als veraltet, funktioniert aber in alle Browser und hat mir schon manchmal richtig geholfen.
    Das wäre dann ja in etwa das, was Netzwerkidi mit
    body{text-align:center;}
    vorschlägt.

    Danke trotzdem für eure Tipps!
     

Ähnliche Themen

  1. Bild in DIV zentrieren und Größe anpassen
    Von SilverVegeto im Forum CSS
    Antworten: 1
    Letzter Beitrag: 15.12.08, 23:32
  2. Antworten: 6
    Letzter Beitrag: 10.12.08, 12:18
  3. Größe eines iframes automatisch an iframe-inhalt anpassen?!
    Von altox-de im Forum Javascript & Ajax
    Antworten: 12
    Letzter Beitrag: 06.05.07, 12:25
  4. Film (.swf) / Automatisch die Größe anpassen!
    Von HaBue im Forum Flash Plattform
    Antworten: 2
    Letzter Beitrag: 27.12.04, 17:24
  5. Größe dem Inhalt anpassen?
    Von Pardon_Me im Forum Photoshop
    Antworten: 2
    Letzter Beitrag: 24.02.04, 16:14

Stichworte