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

CSS - Blockelemente positionieren

on

  • 534 views

 

Statistics

Views

Total Views
534
Views on SlideShare
527
Embed Views
7

Actions

Likes
0
Downloads
0
Comments
0

2 Embeds 7

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

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    CSS - Blockelemente positionieren CSS - Blockelemente positionieren Presentation Transcript

    • CSS Blockelemente positionieren
    • 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>
    • 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>