• Save
CSS - Blockelemente positionieren
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
607
On Slideshare
600
From Embeds
7
Number of Embeds
2

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 7

http://www.informatikzentrale.de 5
http://www.slideee.com 2

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. CSS Blockelemente positionieren
  • 2. Verwendung von "float" (z.B. Bilder, divs)
    • .info
    • {
    • width : 300px;
    • border : 1px solid black;
    • background-color : silver;
    • padding : 4px;
    • margin : 4px;
    • float : right;
    • }
    • ...
    • <div class=&quot;info&quot;>Ich bin ein
    • Info-Text. Ich bin ein Info-Text. Ich bin ein Info-Text.
    • Ich bin ein Info-Text. </div>
  • 3. Zweispaltiges Layout
    • * {
    • margin : 0px;
    • padding : 0px; }
    • .navigation {
    • width : 200px;
    • background-color : silver;
    • float : left; }
    • .hauptbereich {
    • margin-left : 200px;
    • background-color : yellow; }
    • .footer {
    • background-color : blue;
    • margin : 0px; }
    <div class=&quot;navigation&quot;> <!-- Navigationspunkte --> </div> <div class=&quot;hauptbereich&quot;> <!-- Text Text ... --> </div> <div class=&quot;footer&quot;> <!-- Footer-Inhalt --> </div>