CSS Boxen?

felsi · 7. September 2007

Hallo,

ich bin absoluter Anfänger in CSS, will es jetzt aber unbedingt lernen. Da ich schon immer ein "Learning by Doing"-Mensch war, wollte ich euch mal fragen, ob ihr mir sagen könnt, wie ich am einfachsten folgende CSS-Boxen hinbekomme und auf was ich dabei achten muss:

http://i13.tinypic.com/5y18v0i.gif

Besonderheit wäre, dass oben Platz zwischen Adressleiste und Design sein soll unten aber nicht. Also, das Design soll unten direkt an die Statusleiste anknüpfen.

Also meine Frage: Wie bekomme ich die 4 Boxen hin?
Wie bekomme ich das unten fixe hin?

Edit: Ahja, als Hintergrund möchte ich eine Grafik benutzen.

Vielen Dank für eure Hilfe

Maik · 7. September 2007

Hi!

Bitte schön, hier das Einstiegsmodell

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_felsi</title>

<style type="text/css">
<!--
html,body {
margin:0;
padding:0;
height:100%;
}

div#wrapper {
position:relative;
min-height:100%;
height:auto !important;
height:100%;
background:#ff0000;
}

div#header {
height:100px;
background:#00ffff;
}

div#topMenu {
height:50px;
background:#00ff00;
}

div#subMenu {
height:25px;
background:#af00ff;
}
-->
</style>

</head>
<body>

<div id="wrapper">
     <div id="header"></div>
     <div id="topMenu"></div>
     <div id="subMenu"></div>
</div>

</body>
</html>

CSS Boxen?

felsi

Mitglied

Maik

Neue Beiträge