• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage zu Div Boxen

L

Loana

Mitglied
Ich hab mal eine Frage ,ich möchte auf meiner neuen Seite zwei Div Boxen nebeneinander einbauen für Text....wie muss ich es machen?
Ich weiss ich hab die Grundlagen noch nicht kapiert,deshalb nicht meckern...:oops:
Ich habe einen Content von 960 px Breite ....
Hätte mal jemand einen Code für mich ???
Sie sollten nebeneinander stehen und die gleiche Grösse haben.
Wäre sehr freundlich wenn mir jemand helfen könnte..
P.S. Die Seite ist erst angefangen drum kann ich sie noch nicht online stellen.

Danke schonmal im voraus
 
Float.

- Float

HTML: 
<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Demo</title>
        <style>
            /*<![CDATA[*/

            .box {
                width: 480px;
                float: left;
                border: 1px solid red;
            }

            /*]]>*/
        </style>
    </head>

    <body>

        <div class="box">
            .box
        </div>
        
        <div class="box">
            .box
        </div>

    </body>

</html>
 
Dankeschön Mermshaus es klappt...nur wie bekomme ich einen zwischenraum bei den zwei boxen?Sorry für die doofe frage
 
du kannst von zum beispiel von der linken box in deren style das mit margin machen:

style="margin-right:20px;"

Nun hast du zwischen beiden boxen einen abstand von 20 pixeln

Bitteschön :D
 
von der linken box in deren style
Zum Vergrößern anklicken....
Besser wäre es, es innerhalb der Styleelement zu schreiben, zumal sie schon bei dem Beispiel dastehen.
Man sollte niemals das Style-Attribut verwenden, wenn es sich vermeiden lässt und das ist in 99,99% der Fälle so.

Um bei obigem Beispiel zu bleiben:
HTML: 
<!DOCTYPE html>

<html >
    <head>
        <meta charset="UTF-8">
        <title>Demo</title>
        <style>
            .box {
                width: 480px;
                float: left;
                border: 1px solid red;
            }
            
            .box:first-child {
                margin-right:20px;
            }
            
        </style>
    </head>

    <body>

        <div class="box">
            .box
        </div>
        
        <div class="box">
            .box
        </div>

    </body>

</html>
 
Ne ich hab das Style nicht verwendet,da ich die Css datei ausgelagert habe.
Danke für die Antworten ich habs hinbekommen.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben