Your SlideShare is downloading. ×
CSS - Blockelemente positionieren
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

CSS - Blockelemente positionieren

366
views

Published on

Published in: Education, Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
366
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

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>