Browserfestes 2 Spalten-Layout

[GN911]

Hallo,

ich möchte ein halbwegs Browserfestes 2 Spalten-Layout basteln.
Ist das so richtig?

@charset "utf-8";
    * {
    	margin: 0;
    	padding: 0;
    	border: none;
    	font-size: 100.01%;
    }
    html {
    	color: #000;
    	background: #fff url(background.gif) repeat-x left top;
    }
    
    body {
    	font: normal 82% Arial, Helvetica, sans-serif;
    	line-height: 142%;
    	margin: 20px auto;
    	padding: 0;
    }

Wie kann man das in CSS umsetzen?

GN911

 

[Maik]

Wie kann man das in CSS umsetzen?

Anleitungen und Beispiele zum Thema 'CSS-Layouts' in alphabetischer Reihenfolge:

1. andreas kalt.de: Ein CSS-Layout erstellen
   
2. barrierefrei.e-workers.de: Workshop - temp
   
3. CSS 4 You - The Finest in Stylesheets: Workshop: Layouten ohne Tabellen
   
4. css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers
   
5. intensivstation :: CSS Templates :: Templates
   
6. selfHTML: CSS-basierte Layouts
   
7. Stichpunkt CSS: Layout ohne Tabellen
   
8. stu nicholls | CSS PLaY | CSS layouts

 

[Tesei]

und hier:

http://barrierefrei.e-workers.de/workshops/mehrspalter/index.php

 

[GN911]

Hallo,

danke für die Links, die sind mir aber schon bekannt (bis auf einer).

Jetzt mal ehrlich. Ich habe folgendes Problem.

   div#header {
   	width: auto;
   	margin: .5em;
   	background: #f0f8ff url(dotted.gif) repeat-x bottom;
   }
   
   #logo {
   	float: left;
   	padding: .5em .5em;
   }
   
    <div id="header">
   	 <div id="logo">Das LOGO</div>
 		<div style="margin-left: 200px;">Das soll recht unten neben dem Logo stehen...</div>
   		<div style="clear: both;"></div>
     </div>

Warum schreibt er den Text nicht auf die Grundlinie des Headers neben dem Logo?

GN911