Никак не могу выровнять колонки "right" по горизонтали с остальными html: <!DOCTYPE html> <html> <head> <title>Співаник|Головна</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="icon" href="img/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon"> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen"> </head> <body bgcolor="#388b30" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="header"> asdasdas<br>sdffsdfsd<br>sdffsdfsd<br>sdffsdfsd </div> <div class="allmid"> <div id="leftall"> <div id="left"> left </div> <div id="mid"> <p> mid<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p> </div> </div> <div id="right"> right </div> </div> </body> </html> css: #header { background-color: #000000 } #leftall { position: absolute; } .allmid { width: 1000px; margin-left: auto; margin-right: auto; } #left { background-color: #ffffff; border-radius: 3px; position: absolute; width: 100px; position: fixed; } #mid { text-align: left; width: 805px; background-color: #4D5120; border: 1px solid #3D5103; padding: 15px; border-radius: 8px; left: 100px; position: relative; } #right { left: 910px; width: 100px; background-color: #ffffff; border-radius: 3px; position: relative; position: fixed; }