blob: 85824d0df5be37ff772422188850bdcaa42c95b8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>
<style type="text/css" title="currentStyle" media="screen">
#container { padding: 0 175px 0 0; }
#menu { margin-left: 600px; position: absolute; top: 0px; right: 0px; }
#menu2 { width: 130px; }
</style>
</head>
<body>
<div style="background-color: #f88; padding:2em; margin-right: 175px;">
<p>The problem is that the margin-left: on #menu is applied to the right margin. Removing the absolute positioning corrects the margin, as does moving the width: from #menu2 to #menu. This causes the menu at csszengarden to be positioned wrongly.</p>
</div>
<div id="container">
Content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
content content content content content content content
</div>
<div id="menu">
<div id="menu2">
Menu menu menu menu menu menu menu menu menu menu
menu menu menu menu menu menu menu menu menu menu
menu menu menu menu menu menu menu menu menu menu
menu menu menu menu menu menu menu menu menu menu
menu menu menu menu menu menu menu menu menu menu
menu menu menu menu menu menu menu menu menu menu
menu menu menu menu menu menu menu menu menu menu
</div>
</div>
</body>
</html>
|