CSS

2Antworten
  1. #1
    Avatar von Lambade
    Lambade ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.03.2007
    Beiträge
    790

    Standard CSS

    Hallo,
    ich hätte gerne einmal ein bischen Hilfe :P

    Also ich würde gerne eine weiteren "div-Bereich" (Hier rot makiert) rechts neben dem normalem Textfeld haben...
    Ich habe alles weitere mal entfernt um das ganze übersichtlicher zu machen:

    Code:
    <html>
    <head>
    <title>testpage</title>
    <style type="text/css">
    html, body{height:100%}
    body {
    color:black;
    background:#66bbd8;
    margin:0px;
    padding:0px;
    }
    #head {
    background:#248bb8;
    color:black;
    margin:0;
    padding:80px 0 0 0;}
    #head p{
    border-top:1px solid black;
    background:#248bb8;
    text-align:left;
    padding:3px 20px 3px 0;
    margin:0;
    }
    #head a {
    text-decoration:none;
    padding:0 5px 0 5px;
    }
    #content {
    color:black;
    height:100%;
    background:#FFFFFF;
    margin:0 8% 0 8%;
    padding:0px;
    }
    #text {
    border-top:3px solid black;
    background:#FFFFFF;
    padding:0 50px 30px 50px;
    }
    </style>
    </head>
    <body>
    <div id="content">
    <div id="head">
    Startseite|
    Blog|
    G&auml;stebuch|
    Impressum</p>
    </div>
    <div id="text">
    </p>
    </p>
    aiukfcshblsvadljuchskacljushadc</p>
    </p>
    asdichba&ouml;sbjca&auml;sd</p>
    casdhicadlsuicas</p>
    dcashdvlcajshdca</p>
    #sdvcuagsdauklsghdbc</p>
    asdvclasvdlcahsvdc</p>
    asducasvdlczhvasd</p>
    casdzcasdcasizc</p>
    asdciasvclaysdc</p>
    </div>
    <div id="text">
    </p>
    </p>
    aiukfcshblsvadljuchskacljushadc</p>
    </p>
    asdichba&ouml;sbjca&auml;sd</p>
    casdhicadlsuicas</p>
    dcashdvlcajshdca</p>
    #sdvcuagsdauklsghdbc</p>
    asdvclasvdlcahsvdc</p>
    asducasvdlczhvasd</p>
    casdzcasdcasizc</p>
    asdciasvclaysdc</p>
    </div>
    </div>
    </body>
    </html>
    Nun habe ich aber das Problem, dass der Div-Bereich unter dem anderem angezeigt wird(Wie auf dem Bild.. Kann mir da jemand weiterhelfen? Ich habe alles Mögliche mit "relativ, stativ,.." probiert aber es funktionert leider nicht :-\

    Freu mich auf Antworten =)

  2. #2
    Avatar von Spyx
    Spyx ist offline

    Title
    Moderator
    seit
    21.08.2006
    Beiträge
    9.155

    Standard Re: CSS

    Also erstmal solltest du deinen beiden Textfeldern nicht die gleiche ID geben. Wenn sie gleich formatiert sein sollen, dann gib ihnen eine gemeinsame Klasse. Und dieser Artikel sollte dir weiterhelfen:
    https://de.selfhtml.org/css/layouts/mehrspaltige.htm

    Die CSS-Eigenschaft lautet float. Den Rest solltest du dann ja wohl alleine hinbekommen.

  3. #3
    Avatar von Lambade
    Lambade ist offline
    Themen Starter

    Title
    Benutzer
    seit
    29.03.2007
    Beiträge
    790

    Standard Re: CSS

    Danke.. ich hätte einfach noch einbischen weitersuchen sollen :P

    Also hat alels geklappt thnx

Diese Seite benutzt Cookies Durch die weitere Nutzung der Seite stimmen Sie der Verwendung von Cookies zu. Infos zum Datenschutz