passero
Legacy Member
Volgende code gaat dus niet goed...
De "content" en de "right" div komen op de volgende lijn.
Wanneer ik echter #left li { display:inline;} doe, dan werkt het goed maar dit is niet de bedoeling.
Ik wil dus in mijn linker div een UL hebben (voor de menu) en dan een content div en rechter div. Hoe kan ik dit oplossen?
De "content" en de "right" div komen op de volgende lijn.
Wanneer ik echter #left li { display:inline;} doe, dan werkt het goed maar dit is niet de bedoeling.
Ik wil dus in mijn linker div een UL hebben (voor de menu) en dan een content div en rechter div. Hoe kan ik dit oplossen?
HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></meta>
<style type="text/css">
div
{
border: solid 1px black;
}
#left
{
display: inline;
width: 200px;
}
#left ul,li
{
display:inline;
border: none;
}
#content
{
display: inline;
}
#right
{
display:inline;
width: 200px;
}
</style>
</head>
<body><h:form>
<div id="header">
header
</div>
<div id="left">
<ul>
<li>Item 1</li>
<li>Item2</li>
</ul>
</div>
<div id="content">
Content
</div>
<div id="right">
right
</div>
</h:form></body>
</html>