layout?

Status
Nicht offen für weitere Antworten.

Geflügel

Erfahrenes Mitglied
im anhang steht wie ich es eigentlich wollte, aber ich kriege die 2 divs "menu" und "inhalt" leider nicht so angeordnet. :(
 

Anhänge

  • layout.png
    layout.png
    1,5 KB · Aufrufe: 8
Lösungsvorschlag mit zwei floatenden DIVs:

HTML:
<!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">
<title></title>

<style type="text/css">
<!--
div.wrapper
{
width: 724px;
border: 1px solid red;
}

#menu
{
float: left;
width: 200px;
height: 300px;
border-top: 1px solid red;
border-left: 1px solid red;
border-bottom: 1px solid red;
margin: 10px 0 10px 10px;
}

* html #menu /* Für IE */
{
margin: 10px 0 10px 5px;
}

#inhalt
{
float: right;
width: 500px;
height: 400px;
border: 1px solid red;
margin: 10px 10px 10px 0;
}

* html #inhalt /* Für IE */
{
margin: 10px 5px 10px 0;
}

div.clear
{
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0;
}
-->
</style>

</head>
<body>

<div class="wrapper">

     <div id="menu">menu</div>

     <div id="inhalt">inhalt</div>

     <div class="clear">&nbsp;</div>

</div>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.
Zurück