Gunnar Bittersmann: Fragen zur Layout Umsetzung

Beitrag lesen

@@berter:

nuqneH

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

Diese Angabe schaltet Browser in den Quirksmodus. Das gilt es zu vermeiden: public identifier (URI) angeben.

HTML 4.0 ist irrelevant; verwende HTML 4.01. Oder noch besser XHTML 1.0.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Mache dich über die <http://de.selfhtml.org/html/xhtml/unterschiede.htm@title=Unterschiede zwischen XHTML und HTML> kundig!

<body>
<div id="container">

Den Container kannst du rückstandlos entsorgen.

Vielleicht willst du das Logo absolut positionieren und dem body oben 'padding' geben:

body  
{  
    padding-top: 200px;  
    position: relative;  
}  
  
#logo  
{  
    background: #6FF;  
    height: 200px;  
    left: 0;  
    position: absolute;  
    top: 0;  
    width: 100%;  
}  
  
.Bereich  
{  
    background: #FC0;  
    float: left;  
    width: 33%;  
}

Und vielleicht willst du, da du nicht wirklich floaten willt, gar nicht 'float' verwenden?

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)